Это не раскрывающееся подменю, категория класса li, как на картинке:

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

    

  
    
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#">Carousel Demo</a>
      
        
          <a href="#home">Home</a>
          <a href="#about">About</a>
          <a href="#portfolio">Portfolio</a>
          <a href="#services">Services</a>
          <a href="#contact">Contact</a>