ocultando conteúdo jquery

[rockrgo 138]

Boa tarde pessoal,

 

estou tentando fazer um efeito que é bem parecido com o do imasters na página principal do fórum, quando clico em menos o conteúdo oculta e o botão menos vira mais e vice versa...já fiz com id, mas agora estou usando class pois tenho vários blocos de conteúdo iguais e cada um tem o mesmo efeito.

 

tentei desta forma mas não obtive sucesso só desaparece o botão mais o resto não acontece.

 

$(document).ready(function(){
                $(".conteudo").hide();
                $(".icone-menos").hide();

                $(".empreendimento .icone-mais").click(function(){
                  $(".conteudo", this).slideDown();
                  $(".icone-menos", this).show('slow');
                  $(this).hide();
                });
                $(".empreendimento .icone-menos").click(function(){
                  $(".conteudo", this).slideUp();
                  $(this).hide();
                  $(".icone-mais", this).show('slow');
                });
});

 

[rockrgo 138]

pessoal estou quase lá...tentei com o seguinte código.

.icone-menos, .conteudo{
    display:none;
}

 

$(document).ready(function(){

                $('img.icone-mais').click(function(){
                        $(this).parent().find('span.conteudo').slideDown("slow");
                        $(this).hide();
                        $(this).parent().find('img.icone-menos').show();
                });
                $('img.icone-menos').click(function(){
                        $(this).parent().find('span.conteudo').slideUp("slow");
                        $(this).hide();
                        $(this).parent().find('img.icone-mais').show();
                });

});

ele até executa o que eu quero, mas só da segunda vez que executo a ação.

[rafwell 1]

Mostre o HTML para eu ver se consigo te ajudar

[rockrgo 138]

cara consegui arrumar.....vc falou em html então fui ver como estava... meu conteúdo eu trazia pelo php dentro de um span, então estava assim no html

<span class="conteudo"><p>Conteúdo aqui</p></span>

troquei o span por div e funcionou. ficou assim

<div class="conteudo"><p>Conteúdo aqui</p></div>

e o javascript assim:

$(document).ready(function(){

                $('img.icone-mais').click(function(){
                        $(this).parent().find('div.conteudo').slideDown("slow");
                        $(this).hide();
                        $(this).parent().find('img.icone-menos').show();
                });
                $('img.icone-menos').click(function(){
                        $(this).parent().find('div.conteudo').slideUp("slow");
                        $(this).hide();
                        $(this).parent().find('img.icone-mais').show();
                });

});