API 함수를 어떻게 애니메이트 할 수 있습니까?

Question

나는 플러그인 (워드 프레스)에 의해 공급되는 API

$('#my_overlay').click(function(){ 
     uberMenu_close('#menu-item-1459'); 
     return false; 
    }); 

그것이 무엇을하는가 #my_overlay 클릭하면 # 메뉴 항목-1459과 관련된 하위 메뉴를 닫입니다 사용이 코드가 있습니다. 그러나 애니메이션이 없으므로 정말 갑작 스럽습니다.

위의 코드에 애니메이션 효과를 어떻게 추가 할 수 있습니까? 여기

는 (내가 가진 사실 위의 대신 내이 코드를 편집하고, 당신에게 더 나은 그림을 제공하는 경우를 대비) "uberMenu_close ('ID')"의 API를 정의하는 JS입니다

function uberMenu_close(id){ 
    var $uber = $ujq('#megaMenu').data('uberMenu'); 
    $uber.close(id); 
} 

감사합니다

Answer 1

나는 fadeOut() 기능을 추가하기 위해 게시 한 두 번째 기능을 변경하려고합니다. 이 같은.

function uberMenu_close(id){ 
    var $uber = $ujq('#megaMenu').data('uberMenu'); 
    //adjust how quickly you want it to fade, 1000 is one second 
    $(id).fadeOut(1000,function(){ 
     $uber.close(id); 
    }); 
}