마우스 오버시 jQuery 슬라이드 패널

Question

어떻게이 슬라이딩 패널 예제를 마우스 오버시 슬라이드 다운하고 클릭 기능을 사용하지 않고 mouseout으로 다시 슬라이드 할 수 있습니까? 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") 왼쪽 {() (중지 애니메이션 :... " (왼쪽 : "0px"), {대기열 : false, 기간 : 300}), }, function() { $ ("# sliderbar"). 거짓, 지속 시간 : 300}), });