jQuery Slide Panel on Mouseover

Question

クリック機能を使用する代わりに、マウスオーバー時にスライドダウンしてマウスオーバー時にスライドインするこのスライドパネルの例を作成するにはどうすればよいですか？

は、ここで例を参照してください：http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

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

Answer 1

hover機能を使用してください。これは近いはずです。

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

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

Answer 2

あなたは

$（ "＃のsliderbar"）のような何かを行うことができます（ 機能（）{ $（ "＃のsliderbar"）をホバー停止（）{左（アニメーション：。。。」 （キュー）：}、 function（）{ $（ "＃sliderbar"）。stop（）。animate（{left： "0px"}、{queue：false、duration：300} false、duration：300}）; }）;