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

Question

[Иван Смирнов]

Доброго времени суток!
Имеется меню 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

[Виталий]

Попробуйте вот этот:

$(document).ready(function () {
        $(".navbar-nav a").click(function (e) {
            e.preventDefault();
            $('.navbar-collapse.show').collapse('hide');
        });
    });

Только это для 4 Bootstrap

Answer 2

[Severus256]

Про скрытие меню:
Навязать атрибут hidden в navbar на переменную, по умолчанию false, потом при нажатии на кнопку менять переменную на true.
примерно так:

собыстие на кнопку:
onclick(){
hidden = !hidden;
}
Подстройте под свою архитектуру.

Comments

[Иван Смирнов]

Типа того?

<script> 
            $('.anchor').on('click', function () {
            $('.navbar-collapse').removeClass('in');
            $a = $($(this).attr('href'));
            return false;
         });
        </script>

[Severus256]

Иван Смирнов: типа того, да

[Иван Смирнов]

Severus256: этот код не работает