How to display hidden nav?

Question

Bootstrap

Good evening.
How to make hidden nav displayed on button? The button in this form does not work (I took an example here ):

<button class="navbar-toggler" aria-expanded="false" type="button" data-target="#sidebar" data-toggle="collapse" aria-controls="sidebar">
  <span class="navbar-toggler-icon"></span>
</button>
<!--и ниже, не рядом есть nav-->
<nav class="col-xl-2 col-lg-3 col-md-4 col-sm-5 d-none d-lg-block bg-secondary sidebar" id='sidebar'>
</nav>

while making a crutch:

<button class="navbar-toggler" aria-expanded="false" type="button" data-target="#sidebar" data-toggle="collapse" onclick='document.getElementById("sidebar").classList.remove("d-none")'>
</button>

Answer 1

This is the documentation of the third bootstrap, and you probably have the last one, the 4th is connected.
Here is the actual documentation bootstrap-4.ru/docs/4.1/components/collapse