Div Toggle Show/Hide

[GustavoDose 1]

Estou aplicando um toggle hide e show

 

tenho varias divs bloco e quando clicar no bloco quero que mude o background dele para selecionado e apareça a div teste que esta escondida.

 

Porem quando clico na div bloco, some o bloco do lado e nao aparece minha div escondida.

 

Alguem pode dizer oque estou fazendo errado ?

 

<div class="bloco">
    <div class="conteudo-bloco">
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing</p>
     </div>  
      <div class="teste">
          <h2 class="aa" style="color:#33FF33;"> TESTETESTESTESTESTESETS</h2>
       </div>
</div>
 
 
 
<script type="text/javascript">
        jQuery(document).ready(function(){
        var $box = jQuery(".bloco"),
            $descricao = jQuery(".bloco"),
            $texto = jQuery(".teste");
        
        $texto.hide();
        $descricao.on("click", function(){
            var $this = jQuery(this);
        
            $descricao.removeClass("selecionado");
        
            if($this.hasClass("selecionado")) {
                $this.removeClass("selecionado");
            } else {
                $this.addClass("selecionado");
            }    
            $texto.not($this.next()).hide();
            $this.next().slideToggle('slow');
        });
        $box.on("click", function(e){
            e.stopPropagation();
        });
        jQuery("body").on("click", function(){
            $texto.hide();
            $descricao.removeClass("selecionado");
        });
        
        });
</script>

[William Bruno 1501]

Como está a classe selecionado no teu css ?

[GustavoDose 1]

Como está a classe selecionado no teu css ?

apenas mudando o background

 

.selecionado{

background:#000;

}

[William Bruno 1501]

Então o seu erro está aqui:

 

 

$this.next().slideToggle('slow');

navegue corretamente no DOM para selecionar o elemento que vc quer.

 

Leia sobre o método .find()

[GustavoDose 1]

Então o seu erro está aqui:

$this.next().slideToggle('slow');

navegue corretamente no DOM para selecionar o elemento que você quer.

 

Leia sobre o método .find()

 

Desculpa william mas nao entendi direito o pq do erro nesta parte.