0

私は周りを見回していて、ここで本当に学習曲線を飛び越えているような気がします。私の頭は、これほど多くの検索をして何も思いつかないことから爆発しそうです。

私の問題は、順序付けされていないリストで設計された水平メニューがあり、それをドロップダウンメニューにするために、最初の順序付けされていないリストに順序付けされていないリストをネストしたことです。

<ul class="top-level">
   <li><a href="#"></a>
       <ul class="dropdown">
          <li><a href="#"></a>
          </li>
       <ul>
   <li>
</ul>

これで、ネストされた順序なしリストが「Display:None;」に設定されます。

同じクラスにすべてのドロップダウンリストがあるので、「Display:None;」を切り替えようとすると '表示:ブロック'の属性すべてのドロップダウンリストが切り替えられます。

おそらく各ドロップダウンリストをそれぞれの個別のクラスに入れることができることは知っていますが、配列を使用してこれを行う方法はありますか?トップレベルのリストアイテムをクリックして、適切なドロップダウンリストを表示できるようにします。

手伝ってくれてありがとう

4

2 に答える 2

2
$("ul.top-level li").click(function(event) {
    $(this).find("ul.dropdown").toggle();
});
于 2012-06-04T16:02:11.437 に答える
0

そんな感じ:

$(".top-level").on("click", "a", function() {
  $(this).next("ul.dropdown").toggle(); // Show / hide the corresponding sub-menu
});
于 2012-06-04T16:08:31.673 に答える