有没有什么办法可以让向下切换菜单在我点击图片时出现？

Question

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

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

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

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

有没有什么办法可以让向下切换菜单在我点击图片时出现？

Is there any way to make toggle down menu appear just when i click on the image?

html

css

jquery

menu