3

メニューの表示と非表示に使用している jquery コードを次に示します。

jQuery(window).load(function () {
    $("#nav > li > a").click(function () { // binding onclick
        if ($(this).parent().hasClass('selected')) {
            $("#nav .selected div div").hide(); // hiding popups
            $("#nav .selected").removeClass("selected");
        } else {
            $("#nav .selected div div").hide(); // hiding popups
            $("#nav .selected").removeClass("selected");
            if ($(this).next(".subs").length) {
                $(this).parent().addClass("selected"); // display popup
                $(this).next(".subs").find("*").slideDown(200);
            }
        }
    });
});

現在、ドロップダウンを非表示にするには、視聴者はメニューの見出しをクリックして戻す必要があります。ページの他の場所をクリックするとメニューが非表示になる機能を追加したいと思います。

私は通常の回答を読みましたが、それらを統合し、「選択した」クラスを適切に削除するのに問題があります。

すべてを jsFiddle hereに入れましたが、残念ながら、コードは jsFiddle では機能しません (メニューはドロップダウンしません)。ただし、ライブ ページをアップロードすると動作します。なぜそれが役立つのかについて誰でも答え、おそらく最終的な解決策をより早く得ることができます。

4

1 に答える 1