JQuery en HTML

[Scalmin]

Hola estoy haciendo un Div desplegable al hacer click en otro elemento (Un elemento de lista un <li>)

Cuando Hago click en el <li> se despliega el <Div> todo bien, se despliega y cuando le hago click de nuevo en el <li> se oculta, pero si le vuelvo a hacer click se despliega y se contrae de golpe, con 1 solo click, cosa que no quiero este es el codigo:

Código PHP:

  <script type="text/javascript"> 
 $(document).ready(function(){ 
      $('#bleiz').hide(); 
           //Bleiz 
         ('#bleizli').click( 
                     function(){ 
                           $('#bleiz').show(250); 
                                                            
                                   $('#bleizli').click( 
                     function(){ 
                                             $('#bleiz').hide(250); 
                         } 
 
                         } 
 
                         ); 
 
                }); 
 
        </script>  
  

Si me pudieran ayudar, soy nuevo en esto de JQuery jejeje

SAlu2 y Gracias de antemano

[David]

Prueba así:

Código Javascript:

$(document).ready(function(){
    $('#bleiz').hide();
    //Bleiz
    ('#bleizli').click(function() {
        $('#bleiz').toggle(250);
    });
});
 

Como estás haciendo ahora no te funciona porque estás agregando otro listener al evento click() que oculta el elemento.

[navegantes]

La verdad, es que he mirado la estructura y ya no he seguido. No te compliques tanto.

Usa .toggle();

Código Javascript:

<script>
    $("button").click(function () {
       $("p").toggle("slow");
    });
</script>
 

Que vaya bien.

[Scalmin]

Gracias por su pronta respuesta, los 2, ahora se una función mas gracias a uds seguiré practicando :D

Salu2