有啥方法可以在我单击图像时显示切换菜单？

Posted 2023-05-08

【中文标题】有啥方法可以在我单击图像时显示切换菜单？

【英文标题】：Is there any way to make toggle down menu appear just when i click on the image?有什么方法可以在我单击图像时显示切换菜单？

【发布时间】：2019-12-06 06:28:24

【问题描述】：

我想让该菜单仅在我按下图像时出现，而不是每次我加载或调整页面大小时出现。这是一个带有项目的代码笔。

        <script type="text/javascript">
        $(document).ready(function()
            $('.menu-toggle').click(function()
                $('nav').toggleClass('active');
            )
        )
    </script>

https://codepen.io/Denis1337/pen/jgybeW

【参考方案1】：

调整大小时显示菜单，因为它从一开始就已经处于活动状态。从nav 中删除active，它应该可以工作。

<header>
 <nav>
   <ul id="dropdown">
     <li><a class="active" href="index.html" >Acasa</a></li>
     <li><a href="#main-despre" >Despre noi</a></li>
     <li><a href="galerie.html" >Galerie</a></li>
     <li><a href="#team-section">Salon</a></li>
     <li><a href="#footer" >Contact</a></li>
     <li><a href="contact2.html" >Trimite-ne un mesaj</a></li>
   </ul>
 </nav>
 <div class="menu-toggle"><i class="fa fa-bars" aria-hidden="true"></i></div>
</header>

【讨论】：

我为此感到难过，这似乎很容易，但实际上我浪费了 2 小时试图解决这个问题。非常感谢