时间戳

首页 > 解决方案 > 有什么方法可以在我单击图像时显示切换菜单？

jquery - 有什么方法可以在我单击图像时显示切换菜单？

问题描述

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

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

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

标签： jqueryhtmlcssmenu

解决方案

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

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

推荐阅读