jQuery addClass example

Change class name on click in jQuery

HTML

<button onclick="navbar();">Гамбургер</button>
<div id="nav">
  <div class="n-btn">
    <div class="text">Кнопка</div>
  </div>
  <div class="n-btn">
    <div class="text">Кнопка</div>
  </div>
  <div class="n-btn">
    <div class="text">Кнопка</div>
  </div>
</div>

CSS

#nav {
  background: rgba(23, 29, 30, 0.5);
  overflow: hidden;
}

JavaScript

function navbar() {
  $("#nav").slideToggle();
}