Prezado(a)s,
tenho uma div que é preenchida via ajax:
function atualizaConteudo(){
$.ajax({
url: 'getters/conteudo_amanha.php',
success: function(data) {
$('#conteudo_amanha').html(data);
}
});
}
atualizaConteudo();
A div fica da seguinte forma:
<div id="conteudo_amanha">
<button type="button" class="novo-detalhe" data-id_conteudo="4">
Mostrar conteudos
</button>
<div id="conteudo_4" style="display: none">
Conteudos recuperados
</div>
</div>
Tento fazer o slideToggle():
$('.novo-detalhe').on('click',function(){
var id_conteudo= $(this).data('id_conteudo');
$('#conteudo_'+id_conteudo).slideToggle();
});
Preciso que a div recuperada via ajax (#conteudo_4), seja ocultada/mostrada quando o usuário clicar no botão, coloquei a div dentro da página (em vez de utilizar o ajax para inserir dentro da div #conteudo_amanhã), deu certo, mas não estou conseguindo fazer funcionar usando a requisição ajax.
Sou novo com ajax e jquery...