Как свернуть колонку в бутстрап?

Question

[Алексей Королёв]

Есть следующая структура. Как сделать чтобы при нажатии на кнопку меню полностью пряталось?

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

Comments

[xdevelx]

https://getbootstrap.com/docs/4.0/components/collapse/

Answer 1

[Сергей delphinpro]

<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>