jquery - 如何显示活动和非活动子菜单

Question

嘿，我是 jquery 的新手，我试图在单击菜单后显示子菜单。-例如，当我选择顶部菜单时，它会显示其所有子菜单。但是当我单击其中一个子菜单时，其他子菜单就会消失。例如，我点击“家具”，它打开了两个子菜单，即“Deko”和“Fancy”。当我点击“Deko”时，其他子菜单消失，只显示 deko 的内容

如何解决这个问题。请帮助这是我的代码

    <ul id="application-menu">
      <li class="dropdown">Furniture
        <ul>
          <li><a href="" />Deko</li>
          <li><a href="" />Fancy</li>
        </ul>
      </li>

      <li class="dropdown">Tables
        <ul>
          <li><a href="" />Table1</li>
          <li><a href="" />Table2</li>

      </li>
    </ul>

<style type="text/css">

  li.dropdown ul
  {
    display: none;
  }


</style>

<script type="text/javascript">
    $('li.dropdown').click(function ()
    {
      $('li.dropdown').find('ul').hide();
      $(this).find('ul').show();
    });

</script>

Answer 1

您将需要获取与您单击的元素类似的所有 li 元素，但不包括当前单击的元素，并将它们隐藏。

$(".dropdown a").not(this).hide();

我在 JsFiddle 中创建了一个片段，请检查一下，如果这是您想要的，请告诉我：

http://jsfiddle.net/V45Ux/