Collapse horizontal

Standard collapse component can hide and show elements not only vertical, but horizontal.

Collapse

<!-- Source -->
<a class="btn btn-primary mb-3" href="#example-collapse-horizontal" data-toggle="collapse">Collapse</a>
<div class="collapse collapse-horizontal width" id="example-collapse-horizontal">
  <div class="sidebar sidebar-dark bg-dark sidebar-expand" style="width: 300px;"><a class="sidebar-brand" href="#">Sidebar</a>
    <ul class="sidebar-nav">
      <li class="nav-item"><a class="nav-link" href="#">Nav item 1</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Nav item 2</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Nav item 3</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Nav item 4</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Nav item 5</a></li>
    </ul>
  </div>
</div>