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

Пользователь

от charles.orn , в категории: JavaScript , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от urban_will , 6 месяцев назад

@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).


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