2010-08-12 6 views
0

나는 슬라이드 넘기기 메뉴를 가지고있다. 슬라이드 메뉴는 너무 빠르게 움직이면 가끔씩 4 ~ 5 번 위아래로 움직일 수있다. 다른 시간에 제대로로드가 끝나기 전에 마우스를 가져 가면 메뉴가 slideUp되고 정상 상태가되어 마우스를 가져 가면 메뉴 항목을 클릭하기 전에 슬라이드됩니다. 여기 jquery slide 업 메뉴 토글?

코드입니다 :

$(document).ready(function(){ 
$("#menu_box").hover(function(){ 

    $("#menu_box").toggle(function(){ 

    $("menu_box").animate({"top": "-=97px"}, "200"); 
    $("#menu_content").slide("200"); 

      }); 
}); 
}); 

을하지만 그건 그냥 메뉴를 만들어 :

$(document).ready(function(){ 
var opened = false; 
$("#menu_box").hover(function(){ 

    if(opened){ 
    $("#menu_box").animate({"top": "+=97px"}, "200"); 
    } 

    else{ 
    $("#menu_box").animate({"top": "-=97px"}, "200"); 
    } 


    $("#menu_content").slideToggle("200"); 
    $("#menu_tab .close").toggle(); 
    opened = !opened; 


}); 
}) 

이 코드는 원래 클릭 기능이었다보다는 맴 돕니 다, 그래서 나는 그것을 개정 시도 다음 오른쪽에서 왼쪽으로 페이드 - 전혀 미끄러지지 않는다.

어디로 잘못 가고 있습니까? 티아!

+0

html과 JavaScript로 더 완벽한 예제를 게시 할 수 있습니까? 감사! –

답변

1

호버 대신 마우스 포인터를 바인딩하는 방식으로 고정되었습니다.