切换下拉菜单

Question

我正在尝试创建一个带有下拉列表的菜单，使用jQuery进行onclick切换，将类从“hide”更改为“show”。虽然我无法理解。

这就是我所拥有的：

<style type="text/css">
    nav ul li.hide ul {
        display: none;
    }
    nav ul li.show ul {
        display: block;
    }
</style>

<nav>
  <ul>
      <li class="hide">Home
        <ul>
          <li>Dropdown Link</li>
        </ul>
      </li>
 </ul>
</nav>

<script type="text/javascript">
  $(document).ready(function(){
      $('li').toggleClass('hide', 'show');
  });
</script>

Answer 1

我改变了：

<script type="text/javascript">
  $(document).ready(function(){
      $('li').toggleClass('hide', 'show');
  });
</script>

To This：

<script type="text/javascript">
  $(document).ready(function(){
      $("li").click(function () {
      $(this).toggleClass("hide show");
   });
  });
</script>