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

调整大小时显示menu，因为它从一开始就已经处于活动状态。从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>

有什么方法可以使切换菜单仅在单击图像时出现？

1 个答案: