Question

平我刚接触到jquery iam尝试在单击菜单后显示子菜单.-例如，当我选择顶部菜单时，它会显示其所有子菜单。但当我点击其中一个子菜单时，其他子菜单消失。例如，我点击“家具”，它打开了两个子菜单，分别是“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/

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

1 个答案: