Я пытаюсь создать функцию как часть сайта WordPress, чтобы показать / скрыть элементы страницы с определенным классом. Например. любые элементы страницы (строки, контейнеры, текстовые блоки и т. д.), использующие класс 'show-hide', должны быть скрыты / показаны одним нажатием кнопки.
У меня это работает, но я уверен, что должен быть лучший метод для достижения аналогичного результата. Я хотел бы иметь возможность выбрать ВСЕ классы show-hide на странице без указания числа ([1], [2], [3], [3], [6] ...) для каждого раза, когда б.
Я действительно новичок в javascript, поэтому любая помощь или совет, касающиеся генерации диапазона значений или использования подстановочных символов *, будут приветствоваться.
function myFunction() {
var x = document.getElementsByClassName("show-hide");
if (x[0].style.display === "none") {
x[0].style.display = "block";
} else {
x[0].style.display = "none";
}
if (x[1].style.display === "none") {
x[1].style.display = "block";
} else {
x[1].style.display = "none";
}
if (x[2].style.display === "none") {
x[2].style.display = "block";
} else {
x[2].style.display = "none";
}
if (x[3].style.display === "none") {
x[3].style.display = "block";
} else {
x[3].style.display = "none";
}
}