Скрыть всплывающее окно вспять при щелчке

Question

Выбрав категорию из отзывчивого меню (шаблон всего одна страница), я хочу скрыть крах автоматического автоматического при нажатии. Также пройдите для использования в качестве навигации, так как шаблон имеет только одну страницу. Я ищу решение, которое не влияет на это, вот HTML код меню:

сайт демо здесь: www.malouinternational.com/index2.html

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     </div> 

     <div id="navbar" class="navbar-collapse collapse" > 
      <ul class="nav navbar-nav navbar-left "> 
       <li><a href="#" class="scroll-top" data-id="top">HOME</a></li> 
       <li><a href="#" class="scroll-link" data-id="about">ABOUT</a></li> 
       <li><a href="#" class="scroll-link" data-id="our-team">OUR TEAM</a></li> 
       <li><a href="#" class="scroll-link" data-id="jewellery">JEWELLERY</a></li> 
       <li><a href="#" class="scroll-link" data-id="trade">TRADE</a></li> 
       <li><a href="#" class="scroll-link" data-id="social-corporate">SOCIAL & CORPORATE</a></li> 
       <li><a href="#" class="scroll-link" data-id="press">PRESS</a></li> 
       <li><a href="#" class="scroll-link" data-id="contact">CONTACT</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-left " style="color: #000; padding-left: 30px; padding-top: 15px;"> 
       <a href="https://www.facebook.com/MalouInternational"><i class="fa fa-facebook"></i></a> 
       <a href="https://twitter.com/Malou_Int"><i class="fa fa-twitter "></i></a> 
       <a href="https://instagram.com/malouinternational/"><i class="fa fa-instagram "></i></a> 
       <a href="mailto:info@malouinternational.com"><i class="fa fa-envelope "></i></a> 
       <a href="katalog/index.html" target="_blank"><i class="fa fa-book"></i></a> 
      </ul> 
      <ul class="navbar-text navbar-right " style="color: #000; "> 
       <li style="margin-left: 20px; font-size: 13px; display:inline;"><a href="#" class="scroll-link" data-id="contact">TR</a></li> 
       <li style="margin-right:10px; font-size: 13px; display:inline;"><a href="#" class="scroll-link" data-id="contact">EN</a></li> 
      </ul> 

      <div id="sb-search" class="sb-search right" style="position: absolute; right: 70px; top: 0"> 
       <form> 
        <input class="sb-search-input" type="search" name="search" id="search"> 
        <input class="sb-search-submit" type="submit" value=""> 
        <span class="sb-icon-search"></span> 
       </form> 
      </div> 

     </div> 
    </div> 
</nav> 

Answer 1

Порядок, в котором вы загрузить JQuery и Bootstrap важно. Убедитесь, что вы указали библиотеку jQuery до Загрузочный JavaScript.

Кроме того, у вас есть несколько 404 ошибок из-за отсутствующих на сервере файлов, вы также должны решить эту проблему.