javascript - 如何不同时切换所有菜单

Question

我第一次使用 Boostrap，请不要杀了我 :D我的导航栏有问题。我有 7 个菜单，每个菜单都有自己的下拉菜单。问题是当我点击一个菜单时，它们会同时下拉，而我只需要下拉我点击的那个。我的 JS 代码非常简陋。这是我到目前为止使用的:

$('.dropdown-toggle').click(function() {
    $('.dropdown-menu').toggle();
  });

HTML 代码是这样的(一个菜单的示例；每个菜单都有相似的代码):

   <li class="dropdown">
     <a href="#" class="dropdown-toggle">Organizare <b class="caret"></b</a>
        <ul class="dropdown-menu">
          <li><a href="#">Conducere</a></li>
          <li><a href="#">Consiliu</a></li>
          <li><a href="#">Departamente</a></li>
          <li><a href="#">Administratie</a></li>
          <li><a href="#">Secretariat</a></li>
        </ul>
      </li>

我需要更改什么才能让我只点击下拉菜单？

谢谢!

Answer 1

找到切换后的菜单:

$('.dropdown-toggle').click(function() {
  $(this).next('.dropdown-menu').toggle();
});

示例:http://codepen.io/paulroub/pen/YXKzGm