Javascript нажатие на кнопку
Автор Ў-z1k задал вопрос в разделе JavaScript
Нажатие на кнопку JS и получил лучший ответ
Ответ от Николай Веселуха[гуру]
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.hide { display: none; }
.show { display: block;}
</style>
<script>
function toggleClass() {
var box = document.getElementById('box');
var toggle = document.getElementById('toggle');
if (box.className == 'hide') {
toggle.firstChild.nodeValue = 'Скрыть';
box.className = 'show';
} else {
toggle.firstChild.nodeValue = 'Показать';
box.className = 'hide';
}
}
window.onclick = toggleClass;
</script>
</head>
<body>
<button id="toggle">Показать</button>
<div id="box" class="hide"><textarea name="opus" id="message" cols="80" rows="8"></textarea></div>
</body>
</html>
Тут есть несколько вариантов: или привязать к каждой кнопке ID блока, который она показывает. Или сделать относительную ссылку, что-то вроде $(this).siblings('.block').show()
почитай про event delegation