javascript - リンク ホバーのメガ メニューの点滅/ちらつき

Question

http://my-webpresence.com/work/yasir/dinecart/menu.html#をご覧ください。

トップ メニューのレストランにカーソルを合わせ、[参照] にカーソルを合わせてから、メニューのいずれかのリンクにカーソルを合わせると、いずれかのリンクに移動すると、メニュー全体が「点滅/ちらつき」ます。

問題は何ですか?どうすれば修正できますか?

ありがとう

Answer 1

これは完全な解決策ではないかもしれませんが、主要な問題を特定するのに役立つ場合があります。「おすすめ」「新しいレストラン」「カテゴリ別」「場所別」「すべて表示」のいずれかのトップ リンクにカーソルを合わせるたびに、#flyout-menu の下のリストが「アクティブな選択済み」から「ブラウズ」、「アクティブな」に変わります。選ばれた」。ちらつきが発生しているときです。

ここでこの機能と関係があるかもしれません：

        $("#flyout-menu li").hover (function () {
            $("#flyout-menu li > div").hide();
            $("#flyout-menu li").removeClass('selected');

            $(this).addClass('selected')
            $(this).children('.nav-sub-1-right').show();

        });

Answer 2

フライアウト メニューの JavaScript は、ノード<div>で選択したクラスを削除して再度追加している間、しばらくの間非表示にします<li>。が再<div>表示されます。これにより、ちらつきが発生します。を隠さないでください<div>。