Hide con jquery

[eduardo160]

Hola quisiera hacer que un div se oculte con solo pasarle el raton por encima...como podria hacer eso con jquery? osea con un buen efecto de desvanecimiento y eso, como se haria? gracias

[doylelives]

El evento es hover y el metodo que oculta un elemento es hide.

Código Javascript:

$('div').hover(function(){
    $(this).hide();
});
 

muy simple.

[InKarC]

mmmm... doylelive, eso serviria si no es necesario volver a mostrar el div en absoluto (osea, que se desaparesca para siempre y con el toda su funcionalidad)

Si lo que quiere es que se pueda ver lo de atras del div MIENTRAS el mouse esta encima (y con un efecto) es asi:

Código Javascript:

$('div').hover(function(){
    $(this).stop().animate({opacity:0},500)
}, function(){
    $(this).stop().animate({opacity:1},500)
});
 

Si lo que quiere es que el div se desaparezca totalmente junto con su funcionalidad (interna) tiene que usar un contenedor y asignarle el evento al contenedor

Código Javascript:

$('.div_padre').hover(function(){
    $(this).find(".div_hijo").stop().show().fadeOut()
}, function(){
    $(this).find(".div_hijo").stop().hide().fadeIn()
});