Javascript 导航栏切换开关折叠不工作

单击按钮时，内容会下拉，但再次单击按钮时不会折叠。基本上，切换功能不起作用

 <button type="button" class="navbar-toggle collapsed" 
    data-toggle="collapse" data-target="#collapsable" aria- expanded="false">

 <div class="collapse navbar-collapse" id="collapsable">
   <ul class="nav navbar-nav navbar-right">
      <li><a href="#particles">HOME</a></li>
      <li><a href="#service">EVENTS</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#team">FACULTY ADVISORS</a></li>
      <li><a href="#portfolio">OUR TEAM</a></li>
      <li><a href="#contact">CONTACT</a></li>
    </ul>
 </div>

<注意>有一点需要注意的是，在不应该存在的情况下，ARI的中间有一个空间。这可能会导致html格式错误。虽然没有看到JS，诊断问题几乎是不可能的
 请将相关的CSS和JavaScript与您的示例一起发布。不清楚您是想构建一个带有切换器的导航栏，还是仅仅一个触发可折叠div的按钮？或者？我正在构建一个导航栏，切换所有相关代码以重新设置问题。您提供的代码不是正确结构的导航栏，HTML无效。例如，按钮没有内容和关闭标记。