2010-06-10 11 views
0

J'essaie de montrer une div quand le curseur survole et image et cache la div quand il n'est pas plané sur l'image comment cela se fait ?? Jusqu'à présent, j'ai un spectacle de base:Comment puis-je afficher une div avec JQuery Hover, puis masquer?

<script type="text/javascript"> 

    $(document).ready(function(){ 

    $(".plans").hover(function() 
    { 
    $("#planssubnav").show("slow"); 
    } 

); 

}); 

    </script> 

Répondre

2

Essayez ceci:

$(document).ready(function(){ 
    $(".plans").hover(function() { 
    $("#planssubnav").show("slow"); 
    }, function(){ 
    $("#planssubnav").hide("slow"); 
    }); 
}); 

Les besoins méthode hover deux fonctions (deuxième est facultative si), premier est exécuté lorsque la souris entre dans la enveloppées mettre et le second quand la souris le quitte, donc il vous manquait le second pour le cacher.

+1

Techniquement, il n'a pas besoin de deux fonctions. Si un seul est fourni, il est appelé à la fois, mouse in et out. –

+0

Bon conseil, Felix :) –

+0

@Felix: Bon pointé, mis à jour, merci – Sarfraz