Question

我正在尝试创建导航系统，但下拉列表无法正常工作。我正在使用jquery来制作下拉动画，但是当我按下home时，这里没有任何代码是代码

$(document).ready(function() {
  $("#Home").click(function() {
    $("#Games").SlideToggle();
  });
});

<html>
<head>
  <link rel="stylesheet" type="text/css" href="main.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<body>

  <div id="Navigation">

    <ul id="Games">
      <a id="Home" href="#">Home</a>
      <li>CS:GO</li>
      <li>Call Of Duty</li>
      <li>Clash of Clans</li>
      <li>Dungeons and Dragons</li>
    </ul>

  </div>

</body>
</html>

Answer 1

命令为slideToggle()。像这样使用：https://jsfiddle.net/Twisty/chzvk4wq/

$(document).ready(function() {
  $("#Home").click(function() {
    $("#Games").slideToggle();
  });
});

使用jquery无法正常工作的下拉导航

1 个答案: