Chowanie navbar po dowolnym kliknięciu na stronie

0

Witam, mam problem ze swoją stroną internetową. Szukałem i szukałem ale niestety nie udało mi się znaleźć rozwiązania. Chodzi mi o to, że po zmniejszeniu strony do wersji mobilnej pojawia mi się ikonka rozwijanego menu. Aby je aktywować oraz zamknąć trzeba nacisnąć na tą ikonkę. Jak mogę zrobić żeby menu chowało się po kliknięciu na dowolny element na stronie. Mój kod:

<nav class="navbar1 navbar navbar-expand-md">
 
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu"><span>
                    <img class="d-md-none" style="width: 50%; padding: 5px; border: 1px solid #999894;" src="image/ham3.png"></span>
                </button>
 
                <div style="clear: both;" ></div>
 
                <div class="collapse navbar-collapse" id="mainmenu"> 
                    <ul class="navbar-nav xz m-auto">
                        <li class="nav-item mt">
                            <a class="nav-link" href="index.html" style="color: #806703"><b>HOME</b></a>
                        </li>
 
                        <li class="nav-item">
                            <a class="nav-link" href="#">O MNIE</a>
                        </li>
0

Tutaj masz podobny przykład (szczególnie sekcja jquery), tylko sprawdź/pozmieniaj klasy jeśli masz inne:

http://jsfiddle.net/52VtD/5718/

1 użytkowników online, w tym zalogowanych: 0, gości: 1