Как закрыть меню Bootstrap при нажатии на ссылку?

434

05 мая 2017, 15:39

Доброго времени суток! Имеется меню Bootstrap. Нужен скрипт который будет закрывать меню Bootstrap и возвращать обратный цвет background кнопки до её нажатия при нажатии на любой пункт меню, заранее спасибо за помощь!

<!-- Меню сайта -->
    <div id="menu">
      <nav class="navbar navbar-default">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
              <span class="sr-only">Toggle navigation</span>
              <i class="fa fa-bars" aria-hidden="true"></i>
            </button>
            <div id="menu-text">
                <a href="#head" data-target="anchor" class="navbar-brand visible-xs" ><p>Reco меню</p></a>
            </div>
            <div id="menu-height">
                <a href="#head" data-target="anchor" class="navbar-brand hidden-xs"><p></p></a>
            </div>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#benefits-h1" data-target="anchor"><p>НАШИ<br>ПРЕИМУЩЕСТВА</p></a></li>
                <li><a href="#myft" data-target="anchor"><p>МУФТЫ</p></a></li>
                <li><a href="#prais-contact" data-target="anchor"><p>ПРАЙС-ЛИСТ<br>КОНТАКТЫ</p></a></li>
                <li><a href="#foto-slide" data-target="anchor"><p>ФОТО И<br>ВИДЕО</p></a></li>
                <li><a href="#sertificat" data-target="anchor"><p>СЕРТИФИКАТЫ<br>КАЧЕСТВА</p></a></li>
                <li><a href="#stanok" data-target="anchor"><p>РЕЗЬБОНАКАТНЫЙ<br>СТАНОК RECO-40C</p></a></li>
            </ul>
          </div>
        </nav>
    </div>

Answer 1

$('a[data-target^="anchor"]').on('click', function () { $('.navbar-collapse').collapse('hide'); $a = $($(this).attr('href')); return false; });

Answer 2

Благодаря этому скрипту всё заработало!

<script> 
        $('a[data-target^="anchor"]').on('click', function () {
            $('.navbar-collapse').collapse('hide');
            $a = $($(this).attr('href'));  
            return false;
        });
</script>