1

2 つの個別のメニューがあるクリックして表示するメニューを設定しようとしています。

1 つのメニューは男性がクリックする必要があり、もう 1 つは女性がクリックする必要があります。

一方がクリックされると、もう一方が消えます（表示されている場合）。メニューをクリックすると、それも消えます。または、トップ レベルのメニュー リンクをもう一度タップすると、サブメニューも非表示になります。

実際よりも複雑に聞こえるようにしましたが、これまでに取得したコードは次のとおりです。

http://jsfiddle.net/GLZK5/7/

「男性」をクリックすると、サブメニューが表示されることに注意してください。女性をクリックすると、サブメニューも表示され、「男性」サブメニューが非表示になりますが、「男性」をクリックすると、「女性」が非表示になり、「男性」は表示されません...

よくわかりません..

4

1 に答える 1

2

手順

  1. ページをロードするときは、すべてのメニューを非表示にします。
  2. ハンドラーについては、クリックすると 2 つのケースがあります。
    1. サブメニューが表示されているかどうかを確認し、表示されている場合はサブメニューを非表示にします。
    2. サブメニューが表示されていない場合は、すべてを非表示にしてサブメニューのみを表示します

次のコードを使用します。

$(document).ready(function() {
    $(".gen-sel > li > ul").hide();
    $(".gen-sel > li > a").click(function(){
        if ($(this).next().is(":visible"))
            $(this).next().hide();
        else
        {
            $(".gen-sel > li > ul").hide();
            $(this).next().show();
        }
    });
});​

デモ: http://jsfiddle.net/GLZK5/10/

于 2012-09-30T17:49:47.153 に答える