6.30.2 Current students child sections View in a new window

A menu that shows child sections, and their children with collapsible links.

Twig: components/content-menu/content-menu-child-sections.twig

Example
Markup 
<nav class="content-menu content-menu--child-sections content-menu--light" role="navigation" aria-label="Content menu">
  <div class="content-menu__menu">
    <h2 class="content-menu__title"><a href="#">Managing your course</a></h2>
    <ul class="js-read-more-alt read-more read-more--alt">
      <li><a href="#">Who we are</a></li>
      <li><a href="#">What we do</a></li>
      <li><a href="#">Our research</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">Handbook</a></li>
    </ul>
  </div>
  <div class="content-menu__menu">
    <h2 class="content-menu__title"><a href="#">Support</a></h2>
    <ul class="js-read-more-alt read-more read-more--alt">
      <li><a href="#">Who we are</a></li>
      <li><a href="#">What we do</a></li>
      <li><a href="#">Our research</a></li>
      <li><a href="#">Only 4</a></li>
    </ul>
  </div>
  <div class="content-menu__menu">
    <h2 class="content-menu__title"><a href="#">Opportunities</a></h2>
    <ul class="js-read-more-alt read-more read-more--alt">
      <li><a href="#">Who we are</a></li>
      <li><a href="#">What we do</a></li>
      <li><a href="#">Our research</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Fifth Element</a></li>
    </ul>
  </div>
  <div class="content-menu__menu">
    <h2 class="content-menu__title"><a href="#">Campus Life</a></h2>
    <ul class="js-read-more-alt read-more read-more--alt">
      <li><a href="#">Who we are</a></li>
      <li><a href="#">What we do</a></li>
      <li><a href="#">Our research</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">Handbook</a></li>
    </ul>
  </div>
</nav>