Bootstrap 3 with accordion menu

Hello there,

I am using Angular 2 and Bootstrap 3 to develop my app and I have created a sidemenu bar and for one of the menu i need to add a accordion menu with 2 sub menu on the Master Data menu. Can somebody please help me. Now my Angular 2 template for the sidebar looks like so

<div class="sidebar-container">
  <div class="logo ">
    <h3>BarcodeMe</h3>
  </div>
  <!-- .logo -->

  <div class="user-meta">
    <div class="dropdown">
      <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
					    	ZAJ <i class="fa fa-angle-down"></i>
					    	<span>Administrator</span>
					  	</button>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
        <li><a href="#"><i class="fa fa-sign-out"></i> Logout</a></li>
      </ul>
    </div>
    <!-- .dropdown -->
  </div>
  <!-- .user-meta -->

  <ul class="sidebar-nav">
    <li>
      <a href="jobs.html"><i class="fa fa-qrcode"></i> Jobs</a>
    </li>
    <li>
      <a href="#"><i class="fa fa-database"></i> Master Data</a>
    </li>
    <li>
      <a href="#"><i class="fa fa-file-text-o"></i> Settings</a>
    </li>
    <li>
      <a href="#"><i class="fa fa-book"></i> Logs</a>
    </li>
    <li>
      <a href="#"><i class="fa fa-user"></i> My Account</a>
    </li>
  </ul>

</div>
<!-- .sidebar-container -->

Select allOpen in new window