Раскрывающееся меню jQuery не сжимается после нажатия на ссылку - PullRequest
Новая
       24

Раскрывающееся меню jQuery не сжимается после нажатия на ссылку

0 голосов
/ 30 марта 2019

Я бы хотел, чтобы меню исчезло после того, как пользователь щелкнет ссылку. Это адаптивный одностраничный веб-сайт, поэтому после нажатия на ссылку пользователь прокручивается до нужного контента.

Как я могу автоматически скрывать меню после щелчка?

HTML: 

$(document).ready(function() { 
    $(".menu-icon").on("click", function() { 
        $("nav ul").toggleClass("showing"); 
    }); 
}); 

$("ul li").click(function() { 
    $("ul ul").slideUp(); 
    $(this).find('ul').stop().slideToggle(); 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<nav>
    <div class="menu-icon">
        <i class="fa fa-bars fa-2x"></i>
    </div>

    <div class="logo">
        <img src="img/AC LOGO.png" alt="logo">
    </div>

    <div class="menu">
        <ul>
            <li><a href="#about">Par mums</a></li>
            <li><a href="#prices">Cenrādis</a></li>
            <li><a href="#school">Kartinga treniņi</a></li>
            <li><a href="#galery">Galerija</a></li>
            <li><a href="#events">Korporatīvie pasākumi</a></li>
            <li><a href="#contact">Kontakti</a></li>
        </ul>
    </div>
</nav>
...