切換jQuery切換鼠標和計時器

Question

在我的網站，我有一個按鈕。如果你點擊它，下拉將會出現。如果你再次點擊它。它會消失。 我使用它的jQuery函數TOGGLE。 現在我想要以下內容。如果您移出下拉菜單2秒鐘，或點擊下拉菜單外的某個地方。它必須再次消失。

有沒有辦法使用計時器切換切換功能並點擊外部？ 這是代碼：

$(Ar3).addClass(aU); 
$('.ContextMenuLink').toggle(function() { 
    $(hP).css('background', '#fff'); 
    $('.ContextMenuTxt').css('color', '#6b8592'); 
    $(CM).css('display', 'block'); 
    $(Ar3).addClass(aD).removeClass(aU); 
}, function() { 
    $(hP).css('background', 'none'); 
    $('.ContextMenuTxt').css('color', '#fff'); 
    $(CM).css('display', 'none'); 
    $(Ar3).removeClass(aD).addClass(aU); 
}); 

Answer 1

只需設置你的計時器發出$('.ContextMenuLink').click()。

至於外面的點擊，我會做這樣的事情：

$(document).click(function outSideClick(e){ 
    if(e.target != $('.ContextMenuLink')[0]){ 
     $('.ContextMenuLink').click(); 
     $(document).unbind('click',outSideClick); 
    }) 
}); 

你應該還記得取消綁定此事件如果您關閉通過點擊或使用定時器下拉。