Standard component

HTML

<button class="dwp-side-navigation__button" data-module="dwp-side-navigation"
  data-target="dwp-side-navigation-panel"
  data-label-hide="Hide navigation"
  data-label-show="Show navigation"
  aria-expanded="false">
  <span class="dwp-side-navigation__section-toggle-focus">
    <span class="dwp-side-navigation__chevron dwp-side-navigation__chevron--down"></span>
    <span class="dwp-side-navigation__section-toggle-text">Show navigation</span>
  </span>
</button>
<nav data-module="dwp-side-navigation-panel" class="dwp-side-navigation dwp-side-navigation--mobile" aria-label="Side" role="navigation">
  <ul class="dwp-side-navigation__list">
    <li class="dwp-side-navigation__item">
      <a id="s-item-1" href="#s-item-1" class="dwp-side-navigation__link">
        Item 1
      </a>
    </li>
    <li class="dwp-side-navigation__item dwp-side-navigation__item--selected">
      <a id="s-item-2" href="#s-item-2" class="dwp-side-navigation__link dwp-side-navigation__link--selected" aria-current="true">
        Item 2
      </a>
    </li>
    <li class="dwp-side-navigation__item">
      <a id="s-item-3" href="#s-item-3" class="dwp-side-navigation__link">
        Item 3
      </a>
    </li>
    <li class="dwp-side-navigation__item">
      <a id="s-item-4" href="#s-item-4" class="dwp-side-navigation__link">
        Item 4
      </a>
    </li>
    <li class="dwp-side-navigation__item">
      <a id="s-item-5" href="#s-item-5" class="dwp-side-navigation__link">
        Item 5
      </a>
    </li>
  </ul>
</nav>