0

クラスを「非表示」から「表示」に変更するためのonclickトグルにjQueryを使用して、ドロップリストでメニューを作成しようとしています。私はそれを理解することはできませんが。

ここに私が持っているものがあります:

<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>
4

1 に答える 1

1

私が変更され：

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

これに:

<script type="text/javascript">
  $(document).ready(function(){
      $("li").click(function () {
      $(this).toggleClass("hide show");
   });
  });
</script>
于 2012-12-26T22:35:23.523 に答える