Как использовать onclick для отображения / скрытия меню

---

пожалуйста, я хочу, чтобы кто-то помог мне исправить мой код, я пытаюсь показать скрытое меню с функцией onclick,а также показать то же самое меню с onclick, но моя проблема в том, что при нажатии меню будет отображаться, но не будет скрываться при следующем щелчке.

Что я уже пробовал:



< pre lang= "HTML">
&ЛТ;див ИД = "переключатель" функция onclick = "тумблер()"&ГТ;&ЛТ;а href = "#"&ГТ;
&ЛТ;див класс = "переключатель" функция onclick = "тумблер()"&ГТ;&ЛТ;/дел&ГТ;
&ЛТ;див класс = "переключатель" функция onclick = "тумблер()"&ГТ;&ЛТ;/дел&ГТ;
&ЛТ;див класс = "переключатель" функция onclick = "тумблер()"&ГТ;&ЛТ;/дел&ГТ;&ЛТ;/а&ГТ;
< / div>

<div id = "tutorials-header-list">
< ul id = "Меню" >
&ЛТ;ли идентификатор = "список-1001"&ГТ;&ЛТ;а href="#"&ГТ;домашний&ЛТ;/а&ГТ;&ЛТ;/ли&ГТ;
&ЛТ;ли идентификатор = "список-1002"&ГТ;&ЛТ;а href="#"&ГТ;о нас&ЛТ;/а&ГТ;&ЛТ;/ли&ГТ;
< li id = "list-1003"> & lt;a href="# " >библиотека< / a>< / li>
< li id = "list-1004"> & lt;a href="# " >грамматическое правило< / a></li>
< li id = "list-1005"> & lt;a href="# " >онлайн-калькуляторы< / a></li>

< / ul>

< / div>


< / pre>




#tutorials-header-list ul li{
поплавок: левый;
маржа-право:40 пикселей;
дисплей: встроенный блок;
положение: относительное;
дно:0px;
высота:50px;
ширина:100%;
выравнивание текста:слева;
высота линии:40px;
текст-преобразования:заглавные;
коробка-тень:0px 0px 0px 0px;
}

#меню{
дисплей:нет;
}



var el = document. getElementById ('меню');
функция переключения(){

если (Эл.стиль.дисплей == 'нет') {
Эл.стиль.блок отображения ='';

}еще{
Эл.стиль.дисплей = значение 'None';

}


}

---