Bootstrap 导航侧边栏不会折叠

Question

我正在尝试创建一个多级侧边栏菜单。但是，单击链接时子菜单不会折叠。

<nav>
  <ul class="nav nav-list">
    <li class="nav-item">
      <a class="accordion-heading" data-toggle="collapse" data-target="#submenu_4">
        <i class="menu-icon fa fa-cogs"></i>
        Master Data <span class="pull-right"><b class="caret"></b></span>
      </a>

      <ul class="nav nav-list collapse" id="submenu_4">
        <li class="nav nav-item sub-item active">
          <a href="#">
            <i class="menu-icon fa fa-building"></i>
            Company
          </a>
        </li>
        <li class="nav nav-item sub-item ">
          <a href="#">
            <i class="menu-icon fa fa-users"></i>
            User
          </a>
        </li>
        <li class="nav nav-item sub-item ">
          <a href="#">
            <i class="menu-icon fa fa-user-secret"></i>
            Role
          </a>
        </li>
      </ul>
    </li>
  </ul>
</nav>

请指教。