- 17, May 2024
- #1
Привет, ребята,
Я пробовал событие показа/скрытия на чистом 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>
![[Женя Мельникова] Уголь. Зайчик](/assets/images/icons/forum6.png){kind=icon}
![[елена Корниенко] Ловушка Для Денег. Восточные Практики Привлечения Денег](/assets/images/icons/forum1.png){kind=icon}
![[GameDev.tv] Complete C# Unity Developer 2D: Learn to Code Making Games 2020](/assets/images/icons/forum3.png){kind=icon}
