Javascript 幻灯片不起作用

我无法让这种效果正常工作，可能是什么问题？它不会打开和关闭，在JS小提琴中它可以工作

我完全不知道它为什么不起作用。Jquery的实现是正确的。（因为我的谷歌地图代码正在运行）。我正在调用脚本文件。这让我发疯D

************************编辑***************************************

所以我发现了一个问题，我的GMaps代码与这个代码冲突，如果我对GMaps进行评论，一切都正常。我现在必须想办法解决这个问题

<nav>
                   <div class="nav-container  js--top-nav">
                    <ul class="top-nav">
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="services.html">SERVICES</a></li>
                        <li><a href="portfolio.html">PORTFOLIO</a></li>
                        <li><a href="contact.html">CONTACT</a></li>
                    </ul>
                   </div>
                    <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon "></i></a>

</nav>

正如你所说，“我不能让这种效果发挥应有的作用”。如果我的假设是正确的，那么您想要的是在切换时停止div的闪烁。然后在js中做一件事。 替换这个

var nav = $('.js--top-nav');

到

---

是否将代码放入$（document）.ready（）中？ 请像这样尝试：-

   $(document).ready(function(){
    $('.js--nav-icon').click(function() {
    var nav = $('.js--top-nav');

   nav.slideToggle(200);
    });

   });

---

似乎在小提琴上很好。您能否提供一些实际的细节，说明您预期会发生什么以及问题是什么。console中有任何内容吗？请发布您的具体行为以及错误原因，以及如何重新创建（如果适用）。@t如果我的假设是正确的，您需要的是在切换时停止div的闪烁。然后在js中做一件事。将这个“var-nav=$（'.js--top-nav'）；”替换为“var-nav=$（'.top-nav'）；”是的，我找到了答案，我的谷歌地图代码与代码冲突，现在我必须找到解决方法。当我注释掉GM代码时，一切正常。@t只需一个建议，就可以更改var nav=$（'.js--top nav'）；to var nav=$（'.top nav'）；。您的代码在切换时闪烁div。

var nav = $('.top-nav'); // toggle the ul instead of the div

   $(document).ready(function(){
    $('.js--nav-icon').click(function() {
    var nav = $('.js--top-nav');

   nav.slideToggle(200);
    });

   });