Как сделать раскрывающееся и скрывающееся меню на javascript?

@charles.orn 

Для создания раскрывающегося и скрывающегося меню на JavaScript можно использовать следующий код:

HTML:

1
2
3
4
5
6

Меню

  Пункт 1
  Пункт 2
  Пункт 3

CSS:

1
2
3

#menu {
  display: none;
}

JavaScript:

1
2
3
4
5
6
7
8

function toggleMenu() {
  var menu = document.getElementById("menu");
  if (menu.style.display === "none") {
    menu.style.display = "block";
  } else {
    menu.style.display = "none";
  }
}

В данном примере, при нажатии на кнопку "Меню", функция toggleMenu() будет вызываться, которая изменяет свойство display у элемента с id "menu". Если свойство display имеет значение "none", то меню будет показано (устанавливается display: block), в противном случае меню будет скрыто (устанавливается display: none).

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