Panneau de glissement jQuery sur le survol de la souris

Question

Comment faire en sorte que cet exemple de panneau coulissant puisse glisser vers le bas au passage de la souris et revenir au point de sortie au lieu d'utiliser la fonction de clic?

Voir l'exemple ici: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

$(".btn-slide").click(function(){ 
    $("#panel").slideToggle("slow"); 
    $(this).toggleClass("active"); return false; 
}); 

Answer 1

Utilisez la fonction hover. Cela devrait être proche.

function slide() { 
    $("#panel").slideToggle("slow"); 
    $(this).toggleClass("active"); 
    return false; 
} 

$(".btn-slide").hover(slide, slide); 

Answer 2

Vous pouvez faire quelque chose comme

$ ("# SliderBar") vol stationnaire (fonction () { $ ("# SliderBar") stop() animer ({gauche:... » -200px "}, {queue: false, durée: 300}); }, function() { $ (" # sliderbar "). Stop(). Animate ({gauche:" 0px "}, {queue: faux, durée: 300}); });