2011-09-13 15 views
0
私は親 li上でユーザーがクリックした後 menu-itemのクラスに .toggle lisub-menuへのjQueryを使用することができますどのように

とリスト項目の子を切り替えます。メニューは次のパターンに従います。はどのように特定のクラス

<ul class="menu"> 
     <li class="menu-item"><a href="#">Click Here To Toggle Child UL</a> 
      <ul class="sub-menu"><!-- Toggle all this --> 
       <li class="menu-item"><a href="..">Sub Menu Item 1</a></li> 
       <li class="menu-item"><a href="..">Sub Menu Item 2</a></li> 
      </ul><!-- Toggle all this --> 
     </li> 
     <li class="menu-item"><a href="#">Menu Item Without Children</a></li> 
    </ul> 

私は私がそのulを切り替える場合menu-itemのクラスでliは、sub-menuのクラスでul子供を持っているかどうかを確認する必要があります知っています。しかし、私はどのようにコードを書くのが最善だろうか分からない。どんな助けもありがとう。

答えて

0

jQueryライブラリを使用して、次を使用します。

​​

jsfiddle:http://jsfiddle.net/GGg44/3/

+0

ことだろうクリックがすべての 'a'リンクに束縛されていないようにulの兄弟を持っている場合、セレクタチェックを持つのが最善ではありません。あなたの答えをありがとう! – Mohammad

+0

はい。すべてのメニュー項目からの呼び出しを削除するのに、数ミリ秒節約されます。サンプルを更新しました。 – Samich

+0

答えを更新していただきありがとうございます、それはかなり教育的でした。 – Mohammad

関連する問題