Скрыть блоки HTML с помощью соответствующей кнопкиHtml

Программисты Html
Anonymous
Скрыть блоки HTML с помощью соответствующей кнопки

Сообщение Anonymous »

Сейчас я немного изучаю JavaScript и, работая над проектом, столкнулся с проблемой. Мой HTML-код будет примерно таким:

Код: Выделить всё

Hide Block 1

Hide Block 2


Я хочу, чтобы с помощью каждой кнопки я мог показывать и скрывать каждый блок. Это код JavaScript для первого написанного мной блока:

Код: Выделить всё

function hideBlock() {
var block = document.getElementById("block1");
if (block.style.display === "none") {
block.style.display = "block";
} else {
block.style.display = "none";
}
}
И это работает, но повторять код для каждого блока я считаю некорректно. Как я могу связать каждую кнопку с соответствующим блоком, чтобы все делать из одного и того же кода?

Подробнее здесь: https://stackoverflow.com/questions/665 ... ive-button

Вернуться в «Html»