Jquery 애니메이션 슬라이딩 메뉴

Question

나는 jQuery Mobile 인 웹 앱을 만들고 있는데, Facebook 앱과 같은 메뉴가 있습니다. 메뉴가 잘 작동하지만 슬라이드 아웃 할 때 바운스 효과를 추가하고 싶습니다. 여기

내가 무엇을 가지고 :

$("a.showMenu").click(function() { 
    if (menuStatus != true) { 
     $(".ui-page-active").animate({ 
      left: 250, 
     }, 400, function() { 
      menuStatus = true 
     }); 
     return false; 
    } else { 
     $(".ui-page-active").animate({ 
      left: 0, 
     }, 300, function() { 
      menuStatus = false 
     }); 
     return false; 
    } 
}); 

내 jQuery를 능력은 매우 제한되어 있습니다. 아무도 내가 이것을 성취하도록 도울 수는 없을 것입니다. 사전에

감사합니다.

Answer 1

George McGinley Smith의 easing plugin을 살펴보십시오.

은 (안된)이 예를보십시오 :

$("a.showMenu").click(function(){ 
    if(menuStatus != true){    
    $(".ui-page-active").animate({ 
     left: 250, 
     }, 400, 'easeOutBounce', function(){menuStatus = true}); 
     return false; 
     } else { 
     $(".ui-page-active").animate({ 
     left: 0, 
     }, 300, function(){menuStatus = false}); 
     return false; 
     } 
});