クリック後にトリガーをキャンセルする方法

Question

私のウェブサイトでは、クローズドアコーディオンメニュー（メニュー-1）があります。ユーザーがサイトにあることの最初の5秒間のメニューをクリックしない場合は、メニューは自動的にこのコードを使用してJSドロップダウン：

setTimeout(function() { 
    $('#menu-1').trigger('click'); 
}, 5000); 

ユーザーが5秒待っていない時に私の問題があります、トリガの前にメニューをクリックすると、トリガはまだ消えてメニューを終了します。ユーザがトリガされる前にメニューをクリックすると、トリガがキャンセルされるようにするにはどうすればよいですか？

Answer 1

変数にタイムアウトIDを格納する必要があります。ユーザーがメニューをクリックしたときに後でキャンセルすることができます。このように...

var timeout_id = setTimeout(function() { 
    $('#menu-1').trigger('click'); 
}, 5000); 

$('#menu-1').click(function() { 
    if (timeout_id) { 
     clearTimeout(timeout_id); 
     timeout_id = 0; 
    } 
});