en essayant de faire disparaître un div div en survol pour révéler des liens de travail dans le texte ci-dessous en utilisant JQuery

Question

J'ai besoin de fondre un div (et une image) pour révéler un div dessous (texte avec liens cliquables) en utilisant jQuery. Utilisé le code ci-dessus et tout a bien fonctionné, jusqu'à ce que je suis allé à cliquer sur les liens. Il semble que le div caché en haut m'empêche de le faire.

J'ai essayé la fonction replaceWith et cela m'a permis de cliquer sur les liens aussi - mais je n'ai pas pu l'obtenir pour revenir à l'affichage de la div d'origine quand je sortais la souris. En outre, bossman veut que la transition soit graduelle - comme un fondu ...

Des suggestions?

Merci beaucoup!

Heath

Answer 1

Bon - les deux éléments suivants fonctionnent assez bien dans la plupart des navigateurs, mais dans IE, chaque fois que je me déplace même légèrement la souris, la div commence la décoloration dans et hors - et peut également créer une file d'attente ou une boucle des événements fadein/de fadeOut:

$(document).ready(function() { 
    $("#goingimg").hover(
     function() { $(".going").fadeOut("normal",0); }, 
     function() { $(".going").fadeTo("normal",1); } 
    );  
}); 

$(document).ready(function() { 
    $("#goingimg").hoverIntent(function() { 
     $(".gone").fadeOut("normal",0); 
     $('#goingimg').hoverIntent(function(event) { event.stopPropagation(); }); 
    }, function() { 
     $(".gone").fadeTo("normal",1); 
     $('#goingimg').hoverIntent(function(event) { event.stopPropagation(); }); 
    }); 
}); 

J'ai essayé le plugin hoverIntent suggéré, et la fonction event.stopPropagation. Pourtant, dans IE - les choses sont tout simplement vicieux. Y a-t-il un moyen de contourner ce problème? Un grand merci ...