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