jQuery Slide Panel bei Mouseover

Question

Wie kann ich dieses Schiebepaneelbeispiel dazu verwenden, bei Mouseover nach unten zu rutschen und bei Mouseout wieder einzufügen, anstatt die Klickfunktion zu verwenden?

Siehe Beispiel hier: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

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

Answer 1

Verwenden Sie die hover Funktion. Dies sollte nahe sein.

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

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

Answer 2

Sie können wie etwas tun

$ ("# Sliderbar") schweben ( function() { $ ("# Sliderbar") stop() animieren ({left:...“ -200px "}, {Warteschlange: false, Dauer: 300}); }, Funktion() { $ (" # sliderbar "). Stop(). Animate ({left:" 0px "}, {Warteschlange: falsch, Dauer: 300}); });