0

jqueryアコーディオンスタイルメニューを使用してナビゲーションツリーを単純化しようとしています。他の投稿からの助けを借りて、私は単純な何かを見逃しているような気がします。私が得ているのは、1つのカテゴリに2番目のサブリストがあるということです。正しく開くことができません。ここにあるサンプルコードは、「T1subb」アイテムを展開していません。私は何が欠けていますか？

http://jsfiddle.net/9uvgs/203/

html：

    <ul class='menu'>
  <li>Tier1</li>
  <ul>
     <li>T1 sub a</li>
     <li>T1 sub b</li>
         <ul>
           <li>T1 sub i</li>
         </ul> 
  </ul>
  <li>Tier 2</li>
  <ul>
      <li>T2 sub a</li>
      <li>T2 sub a</li>
      <li>T2 sub a</li>
  </ul>
</ul>

Jquery

$(document).ready(function(){
$('ul.menu ul').hide();
$('ul.menu>li').click(function(){
    $(this).next('ul').slideToggle();

});

}）;

4

2 に答える 2

1 
$(document).ready(function(){
    $('ul.menu ul').hide();
    $('ul.menu li').click(function(){
        $(this).next('ul').slideToggle();

    });
});

私はこれを行いましたが、うまく機能しているようです。

于 2013-01-10T00:37:50.580 に答える
0

クリックイベントを単純なソリューションの直接の子にのみ適用しているのはul.menu、セレクターをul.menu li代わりに変更することですul.menu>li

$(document).ready(function(){
    $('ul.menu ul').hide();
    $('ul.menu li').click(function(){
        $(this).next('ul').slideToggle();

    });
});
于 2013-01-10T00:38:18.560 に答える