mostrar ocultar li

[manelmanel8]

Buenas por aquí en el foro encontrado el siguiente código y llevo un rato haciendo pruebas y no me salgo.

Código PHP:

  $(document).ready(function() {
$("#desplegar").css('display','none');    
    
$("li").mouseenter(function() {
$("#desplegar").show('slow');
});
                            
$("li").mouseleave(function() {
$("#desplegar").hide('slow');
 
});
}); 
   

Lo que me gustaría es que al hacer clic al enlace que tengo un icono, lo que esta ente las etiquetas <i></i> se me desplegara un <li> con nombre desplegar.

Código PHP:

  <li class="properties-search-filter"><h4 class="filter-title">Titulo<a href="#" ><i  class="fa fa-angle-down"></i></a></h4></li> 
   

Gracias

[juangemelo01]

No estoy seguro de lo que quieres, pero revisa esto :)

http://codepen.io/elestudiantefantasma/pen/GKwAp

simplemente, veo que no estas usando #desplegar en la hoja html

[manelmanel8]

Gracias, pero eso es exactamente lo que tengo... Al pasar el ratón y me gustaría con un onclick

Si que lo tenia pero no lo puse

Código PHP:

  <li  id="desplegar"> 
   

[manelmanel8]

Tengo una parte con clic, al principio esta escondido y cuando hago clic aparece pero luego no lo puedo esconder al volver hacer el clic

Código PHP:

              $(document).ready(function() {
                            $("#desplegar").css('display','none');
                            var hasBeenClicked = false;
                                
                            if(hasBeenClicked == false){                
                $("li[class=properties-search-filter]").click(function() {
                    $("#desplegar").show('slow');
                });                                
                            }else{                
                $("li[class=properties-search-filter]").click(function() {
                    $("#desplegar").hide('slow');
 
                });
                            }
            }); 
   

[juangemelo01]

si es como creo haberle entendido, entonces puedes usar el metodo Toggle()

aqui te pongo un ejemplo ;)

http://codepen.io/anon/pen/xAEyH

si no es asi, comenta ;)

tambien puedes checar este ejemplo :)

http://codepen.io/elestudiantefantasma/pen/JmwyF