AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"

Как сделать возможность скрывать элемент по второму нажатию?

Есть блок, по нажатии на него другой блок меняет свое свойство с display: none на display: block. Написал простую функцию на клик, но на скрытие при повторном нажатии не доходит как сделать, подскажите, спасибо
  • Вопрос задан
  • 83 просмотра
Решения вопроса 2
@sincopa
гугли toggle
Ответ написан
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
Логика проста (она же лежит в основе toggle).

var opened = false; // создаем булеву переменную, флаг, в которую будем записывать состояние
var button, content; // кнопка и блок

button.addEventListener("click", function () {
    if (opened) {
        // если в переменной записано что блок открыт - закрываем
        opened = false; // записываем что закрыт
        content.style.display = "none";
    } else {
        // если в переменной записано что блок скрыт - открываем
        opened = true; // записываем что открыт
        content.style.display = "block";
    }
}, false);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы