Pegar id e abrir div

[GustavoDose 1]

Dae galera preciso pegar uma id e abrir a div já que estou fazendo uma lista, assim quando clico para abrir a div abre todas as ocultas, mas preciso que só abra uma determinada div. Problema é que quando clico no mostrar ele abre todos, mas quero que só abra aquele determinado conteúdo

 

 

código jquery:

jQuery(document).ready(function(){
    var $mostrar = jQuery(".mostrar"),
        $esconder = jQuery(".esconder"),
        $texto = jQuery(".conteudo");
        
            $texto.hide();
            $mostrar.on("click", function(){
                var $this = jQuery(this);
                $texto.slideToggle('fast');
            });
            $esconder.on("click", function(){
                $texto.slideToggle('fast');
            });
            $mostrar.on("click", function(e){
                e.stopPropagation();
                });
            jQuery("body").on("click", function(){
                $texto.hide();
            });
});

html

<ul>
 <li>HSAUHSASSUAHSAUSHA<span clas="mostrar">mostrar</span></li>
 <li>HSAUHSASSUAHSAUSHA<span clas="mostrar">mostrar</span></li>
    <div id="conteudo1" class="conteudo">
        <ul>
           <li>HSAUHSASSUAHSAUSHA<a class="esconder"></a></li>
           <li>HSAUHSASSUAHSAUSHA</li>
        </ul>
     </div>
  </li>
</ul>

[wilnet 92]

Seria algo similar a este exemplo?

 

LINK

[GustavoDose 1]

Isso algo similar a isso

[wilnet 92]

Pergunto, não fica mais fácil se vc usar ele que já está funcionando do que tentar debugar seu script?

 

As vezes o ganho no tempo compensa.

[GustavoDose 1]

Na verdade não wilnet, pois preciso do funcionamento do script igual a este que mencionei acima, so que precisa abrir apenas sua respectiva div ;/

[rikaschmitt 54]

Não tenho certeza, mas acho que você precisará pegar o valor INDEX de cada click e aplicar.

 

Tenta isso:

 

jQuery(document).ready(function(){
    var $mostrar = jQuery(".mostrar"),
        $esconder = jQuery(".esconder"),
        $texto = jQuery(".conteudo");
        
            $texto.hide();
            $mostrar.on("click", function(){
                var $this = jQuery(this);
                var $eq = $(this).index();
                jQuery(".conteudo:eq("+$eq+")").slideToggle('fast');
            });
            $esconder.on("click", function(){
                var $eq = $(this).index();
                jQuery(".conteudo:eq("+$eq+")").slideToggle('fast');
            });
            jQuery("body").on("click", function(){
                $texto.hide();
            });
});

:P

[GustavoDose 1]

Eu consegui fazer de outra forma, meu problema agora é adicionar uma classe na li que contem a classe .mostrar preciso inserir a classe apenas na li que eu clicar ;;/