Как при нажатии на кнопку открыть и закрыть меню

При нажатии на кнопку - появляется меню, при последующем нажатии - закрывается. Для этой задачи будет использовать jQuery.
Демонстрация

Создадим структуру кнопки, по нажатию на которую будет открываться меню и само меню, которое изначально будет скрыто.

<nav class="wrap-myMenu">
  <button class="main-myButton">
    <div></div>
  </button>
  <ul class="content">
    <li><a href="#link97">Главная</a></li>
    <li><a href="#link98">Обо мне</a></li>
    <li><a href="#link99">Портфолио</a></li>
  </ul>
</nav>

Стили по ситуации. Единственное что нужно, это скрыть меню .content.

.content {
  display: none;
}

А уже в JavaScript сделаем чтобы при нажатии на кнопку меню открывалось / закрывалось.

$(function() {
  $('.main-myButton').click(function() {
    $('.content').slideToggle();
  });
});

Должен быть подключен обязательно jQuery.

Демонстрация
admin
01/12/2019 16:36