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>