- Kód: Vybrat vše
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<div id="box1" style="background-color: red; width: 100px; height: 100px">
Box 1
</div>
<div id="box2" style="background-color: green; width: 100px; height: 100px">
Box 2
</div>
<div id="box3" style="background-color: yellow; width: 100px; height: 100px">
Box 3
</div>
<button id="btn">Hide div</button>
<script>
const box = document.getElementById('box1');
const btn = document.getElementById('btn');
btn.addEventListener('click', function handleClick() {
if (box.style.display === 'none') {
box.style.display = 'block';
btn.textContent = 'Hide div';
} else {
box.style.display = 'none';
btn.textContent = 'Show div';
}
});
</script>
</body>
</html>
Takto to funguje vždy pouze na jeden div, jak to upravit abych jedním tlačítkem skryl třeba box1 a box3 ?
