6.12.2 2nd level View in a new window
Example
Markup
<nav class="sidebar-menu" role="navigation" aria-label="Sidebar menu">
<ul class="sidebar-menu__level-1">
<li class="sidebar-menu__item"><a href="#">Faculty and schools</a></li>
<li class="sidebar-menu__item is-expanded"><a href="#">Featured courses</a>
<ul class="sidebar-menu__level-2">
<li class="sidebar-menu__item"><a href="#">Bachelor of Photography and</a></li>
<li class="sidebar-menu__item"><a href="#">Situated Media</a></li>
<li class="sidebar-menu__item"><a href="#">Bachelor of Landscape Architecture</a></li>
<li class="sidebar-menu__item"><a href="#">Bachelor of Design in Visual Communication Design</a></li>
<li class="sidebar-menu__item is-active"><a href="#">Master of Planning</a></li>
<li class="sidebar-menu__item"><a href="#">Master of Real Estate Investment</a></li>
<li class="sidebar-menu__item"><a href="#">Master of Landscape Architecture: new in 2018</a></li>
<li class="sidebar-menu__item"><a href="#">Study Project Management at UTS</a></li>
<li class="sidebar-menu__item"><a href="#">Property Development Dual-Discipline Degrees</a></li>
</ul>
</li>
<li class="sidebar-menu__item"><a href="#">Course guides</a></li>
<li class="sidebar-menu__item"><a href="#">Course enquiries</a></li>
<li class="sidebar-menu__item"><a href="#">Outstanding career and employment prospects</a></li>
<li class="sidebar-menu__item"><a href="#">World-class facilities</a></li>
<li class="sidebar-menu__item"><a href="#">Accredited by industry</a></li>
</ul>
</nav>