Javascript JQuery Slidetoggle赢得'；t幻灯片（无错误，包含代码）

因此，我在第一页上试用时，它工作正常：

但我不能让它出现在头版：

（侧面的导航栏应该有一个小菜单下拉菜单（你可以在inspector上看到）

滑动开关不工作，我花了几天的时间试图解决这个问题，所以我不是一时兴起，谢谢帮助

这是html

<div class="sn1">
  <div class="sidelink">Enlistment</div>
      <div class="sn1group">
          <div class="sidelinksub">
               <div>&gt;&gt; Application</div>
               <div>&gt;&gt; Roles</div>
          </div>
      </div>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
      $(document).ready(function(){
          $(".sn1").click(function(){
          $(".sn1group").slideToggle("slow");
          });
      });
  </script>
  </div>
</div>

---

您需要将jQuery代码放入另一个

script

标记中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $(".sn1").click(function(){
            $(".sn1group").slideToggle("slow");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“.sn1”）。单击（函数（）{
$（“.sn1group”）.slideToggle（“慢”）；
});
});

如果您使用的是CDN中的jQuery库，我将为脚本标记提供以下属性。对于带有javascript或js库（如jQuery）的嵌入式脚本，需要输入type=“text/javascript”。还可以在src属性中添加完整的url（在使用PHP时，应该将动态链接添加到要使用的样式表中）：

在这里输入代码

我在…处收到一个“未捕获范围错误：超过最大调用堆栈大小”错误，已将其修复。请在之前停止。滑动切换

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $(".sn1").click(function(){
            $(".sn1group").slideToggle("slow");
        });
    });
</script>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"  type="text/javascript">
   enter code here
</script>