javascript - サブナビゲーションに順番にカーソルを合わせると、前のサブナビゲーションが残り、それらのいずれもクリックできなくなります

Question

要件に従って、このホバー機能に 3 秒間 setTimeout を追加しました。現在、サブナビゲーションにホバリングしているときに以下の問題に直面しています。

-> サブナビに順番にカーソルを合わせると、前のサブナビが残り、いずれもクリックできなくなります。

新しいメイン ナビゲーションにカーソルを合わせたときに、このサブ ナビゲーションの重なりを削除する方法はありますか? しかし、サブナビを選択する時間を確保できるように、メイン ナビからマウスを離したときに 3 秒間の停止が必要ですか?

例: http://design1.advisorproducts.com/home

以下は、この JQuery コードです。

$(function () {
    $("ul.dropdown li").hover(function () {
        var timeout = $(this).data("timeout");
        if(timeout) clearTimeout(timeout);
        $(this).addClass("hover");
        $('ul:first', this).css('visibility', 'visible');
    }, function () {
    $(this).data("timeout", setTimeout($.proxy(function() {
          $(this).removeClass("hover");
          $('ul:first', this).css('visibility', 'hidden');
      }, this), 600));
    });
    $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » ");
});