I've been combing around looking for an example of the same problem I'm having but no luck yet. I'm trying to create a multi-level collapsible side navigation in bootstrap using bootstrap.js.

My problem is that I've added in the second level but when I click the list item to trigger it to open it collapses the whole menu. When I re-open the menu, the second-level menu is open also. My code is below:

          <div class=sidebar-nav>

      <p class=sidenav-header>Units and Lessons:</p>

      <ul class=nav nav-list>

        <li class=nav-header data-toggle=collapse data-target=#content-areas> <span class=nav-header-primary>

                Content Areas

        </span>

            <ul class=nav nav-list collapse id=content-areas>

                <li><a href=# title=Title>All</a></li>

                <li><a href=# title=Title>Urban Planning</a></li>

                <li><a href=# title=Title>Sustainability</a></li>

                <li><a href=# title=Title>Public Administration</a></li>

                <li data-toggle=collapse data-target=#nav-health data-parent=#content-areas><a href=# title=Title>Health</a>

                  <ul class=nav-secondary nav-list collapse id=nav-health>

                    <li><a href=# title=Title>Introduction</a></li>

                    <li><a href=# title=Title>Lesson: What is Epilepsy?</a></li>

                    <li><a href=# title=Title>Lesson: Pathology</a></li>

                  </ul>

                </li>

            </ul>

        </li>

          <li class=nav-header data-toggle=collapse data-target=#languages> <span class=nav-header-primary>

                Languages

        </span>

            <ul class=nav nav-list collapse id=languages>

                <li><a href=# title=Title>All</a></li>

                <li><a href=# title=Title>Arabic</a></li>

                <li><a href=# title=Title>Turkish</a></li>

                <li><a href=# title=Title>Hebrew</a></li>

            </ul>

        </li>

    </ul>  



      </div>

The specific section I'm talking about is under the Health list item under Content Areas.

Any help is greatly appreciated. Thanks!