Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/03/2014, 08:11
Avatar de NaRanJiTo78
NaRanJiTo78
 
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 6 meses
Puntos: 10
Exclamación Función "click" en vez de hover

Hola!

Tengo el siguiente script que hace aparecer un div cuando se hace hover en un botón:

Código:
  $(document).ready(function(){
  // se ejecuta el evento hover al pasar el mouse por encima 
  $(".selector").hover(function(){
  // cogemos el id del li por el que estamos pasando por encima 
  var id=$(this).attr("id");
 // mostramos el div que tiene una clase que se llama como el id
 $("."+id).show(); },function(){
 // esta función se ejecuta cuando pierde el foco 
 var id=$(this).attr("id"); $("."+id).hide(); }) });
El caso es que el contenido del div es un formulario, por lo que cuando bajas del botón a dicho formulario, desaparece porque ya no estás haciendo hover en el botón...

Screenshot del problema: http://prntscr.com/30pfh2

Url del site: http://goo.gl/aZUT6W

Cómo puedo modificar el código javascript para que en vez de hover sea con función "click", o que el contenido del div no desaparezca?



Gracias por adelantado!