- 17, May 2024
- #1
Привет, ребята,
Я пробовал событие показа/скрытия на чистом CSS, но это не круто и не соответствует современным тенденциям в Интернете.
Итак, я вернулся к JavaScript и понял, как совместить эти два события.
Вот код, который я пробовал до сих пор:
Код (разметка): Любое предложение приветствуется.
Спасибо,
Я пробовал событие показа/скрытия на чистом CSS, но это не круто и не соответствует современным тенденциям в Интернете.
Итак, я вернулся к JavaScript и понял, как совместить эти два события.
Вот код, который я пробовал до сих пор:
<!DOCTYPE html>
<html>
<head>
<style>
#showme { display: none; }
</style>
</head>
<body>
<div id=button>Button</div>
<div id=showme>
I'm revealed!
</div>
<script>
var d = document, w = window
, b = d.getElementById('button')
, a = d.getElementById('showme')
;
b.addEventListener('click', function() {
if (a.style.display !== 'block')
a.style.display = 'block';
else
a.style.display = 'none';
});
w.addEventListener('mouseup', function(e) {
a.style.display = 'none';
});
</script>
</body>
</html>
Код (разметка): Любое предложение приветствуется.
Спасибо,
![[Катрин Форс] Деликатess 'Success'. Исполнение желаний за неделю (2018)](/assets/images/icons/forum0.png){kind=icon}
![[Люси Ирвинг] Дыши. Как приручить демонов (2019)](/assets/images/icons/forum3.png){kind=icon}
![[перлин Владислав Абрамович] Основы Администрирования Субд Postgresql. Уровень 3](/assets/images/icons/forum4.png){kind=icon}
