How to collapse a column in bootstrap?

Question

Bootstrap

There is the following structure. How can I hide the menu when I press the button?

<div class="row">
<div class="col-lg">контент <button>Скрыть меню</button></div>
<div class="col-lg-4">меню </div>
</div>

Answer 1

<div class="row">
  <div class="col-lg">контент <button id=menuToggle>Скрыть меню</button></div>
  <div class="col-lg-4" id=menu>меню </div>
</div>
<script>
  document.getElementById('menuToggle').addEventListener('click', ()
    => document.getElementById('menu').classList.toggle('d-none'));
</script>