Question

我正在尝试创建菜单汉堡菜单。我有一个问题，如果它单击li，菜单不会隐藏

    @Query("SELECT s FROM MyMessage s WHERE s.status = ?1 AND s.provider = ?2 ORDER BY s.insertDate ASC")
    MyMessage getOneByStatusAndProvider(MyMessageType status, Provider provider);

和js代码

<nav  class="navbar__nav">
  <ul id="nav" class="navbar__nav--list">
    <li class="toggle">
      <div class="bar1"></div><div class="bar2"></div><div class="bar3"></div>
    </li>
    <li class="navbar__nav--list--item">
      <a href="#1">1</a>
    </li>
    <li class="navbar__nav--list--item">
      <a href="#2">2</a>
    </li>
    <li class="navbar__nav--list--item">
      <a href="#3">3</a>
    </li>
  </ul>
</nav>

Answer 1

如果使用toggleclass（）;要打开菜单，请使用相同的菜单关闭。您也可以只使用toggle（）;无需特定类别的nedd即可隐藏或显示菜单：

  $('.toggle').click(function(){
        $('#nav, .container').toggle();  
      });

       $('#nav li').click(function(){
         $('#nav, .container').toggle();
      });

还有更多的方法可以做到这一点。是否需要任何CSS样式才能打开菜单类？

当我单击菜单li时，菜单未隐藏（jQuery）

1 个答案: