Comunidad de diseño web y desarrollo en internet online

problema con function hover al ocultar un div.

Citar            
MensajeEscrito el 25 Feb 2014 03:13 pm
Hola,

tengo el siguiente problema!, hice una funcion muy simple donde al pasar el mouse por encima de un div desaparece y aparece al salir.

son 3 bloques con la misma clase y dif ID, el problema esta en que cuando paso el mouse por arriba, aparece y desaparece muchas veces. Les muestro el script.

$('.social-media').find('.tapaSocial').hover(function(){
$obj = $(this);
$objID = '#'+$obj.attr('id');
$($objID).css('visibility','hidden');
console.log($obj.attr('id')+ 'entra');


},function(){

$($objID).css('visibility','visible');
console.log($obj.attr('id') + 'sale');
});

el elemento tapaSocial es un div con pos Absolute.

Lo raro esta en que si yo elimino las propiedades de css que aplico en el script, funciona bien. Los mensajes del console figuran de la manera correcta. Con las propiedades de css, sin siquera salir del div, con solo mover el mouse me toma salida del div y entrada.

No se si se entendio. cualquier cosa pregunten! gracias de antemano!!!

:D

Por nicolasksq

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 25 Feb 2014 03:55 pm
Podrias colocarlo en www.jsfiddle.net es que asi le analizamos mejor para la solución.


Saludos.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 25 Feb 2014 04:01 pm
Ya lo solucione!, pero descarte el Jquery y utilize ccs.

.actualidad .social-media:hover .tapaSocial{
display: none;
}

si bien conocia la funcion hover. No sabia que se podia aplicar de esa manera.

muchas gracias!!

Por nicolasksq

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.