Как обработать второй клик по тому же элементу?

Question

[Евгений Журов]

Классика жанра, в общем =)
Но ответ нужен исключительно на чистом JS.
При клике на элемент появляется выпадающее меню, при повторном клике на этом же элементе - исчезает. С механикой появления меню никаких проблем. Проблема именно с обработкой двух кликов по одному и тому же элементу. Грубо говоря, что-то вроде этого:

showMenu.addEventListener("click", function() {
    alert("Я показываю меню");
});

showMenu.addEventListener("click", function() {
    alert("Я убираю меню");
});

Подскажите, как такие вещи делаются? Я понимаю, что на одном и том же элементе не может быть два клика, но как-то решить проблему надо)

Comments

[nomta]

Недавно тут отвечали на подобный вопрос:
Можно ли сделать toggle (переключатель) на кнопке по событию onclick без jquery?

Answer 1

[GavriKos]

var isMenuShow = false;
showMenu.addEventListener("click", function() {
    if (isMenuShow )
{
    alert("Я убираю меню");
isMenuShow  = false;
}
else
{
    alert("Я показываю меню");
isMenuShow  = true;
}
});

Comments

[Евгений Журов]

Спасибо, именно то, что нужно в моей ситуации.

Answer 2

[Иван]

Или вводят переменную, или что чаще, меняют класс. Например добавляют - убирают класс 'active', что также позволяет управлять css.