jquery - メソッド「destroy」でJqueryタブを使用する - アニメーションを遅くする方法は?

Question

2 レベルのメニューに Jquery タブを使用しており、destroy メソッドを使用しています。

マウスオーバー イベントの時間を遅くするにはどうすればよいですか? 速すぎます。ユーザーがサブメニュー タブの 1 つに移動しようとして、他の第 1 レベルのタブの 1 つを意図的に回避しないと、destroy メソッドが非常に高速に実行され、誤って別のタブのサブメニューが表示されます。

これが私のスクリプトです：

$( function() {
$( "#tabsMenu" )
.tabs({active: <?php echo $active_tab; ?>,
       event: "mouseover" })
.mouseleave( function() {
   $(this)
     .tabs("destroy")
     .tabs({active: <?php echo $active_tab; ?>,
            event: "mouseover" });
});        
$( "#tabsMenu .main-menu-home" ).click(function() { location.href = '/'; });
$( "#tabsMenu .main-menu-logout" ).click(function() { location.href = '/logout'; });
});

私は jsfiddle を実行しましたが、それが役立つかどうかはわかりません。

それが役立つ場合は、URLを投稿することもできます。

ご指摘ありがとうございます。マウスオーバー イベントに fx duration slow を追加してみました。しかし、今私はそれをメソッドに入れるべきかどうか疑問に思っていますか?