.each（）on JQuery Dropdown

Question

我正在嘗試創建一個類似於bootstrap中使用的JQuery下拉菜單。

出現的問題是，當單個列表項被點擊時，所有子導航的顯示塊。

現在我知道這個問題可以用.each（）解決，但是我的代碼似乎不工作。

請在這裏找到示例; http://jsfiddle.net/N7xgC/

道歉，如果這個問題已經問過。

乙

Answer 1

嘗試該變形例：

http://jsfiddle.net/N7xgC/1/

$(function() { 
    $('.main > li > a').each(function() { 
     $(this).click(function() { 
      // When the anchor is clicked, find the next .sub element and toggle it 
      $(this).next('.sub').toggle(); 
     }); 
    }); 
}); 

我改變你的與類.sub '下一步' 所點擊的錨切換元件。

Answer 2

您無法選擇全部.sub並切換它們。你只需要得到被點擊的a元素旁邊的那個元素。

試試這個：

$(this).next(".sub").toggle(); 

更新你的提琴，所以你可以看到它在行動：http://jsfiddle.net/N7xgC/3/

Answer 3

$('.main li a').on('click', function() { 
    $(this).next('.sub').toggle(); 
}); 

JSFiddle Demo