Создание кнопок, скрывающих соответствующий абзацCSS

Разбираемся в CSS
Ответить
Anonymous
 Создание кнопок, скрывающих соответствующий абзац

Сообщение Anonymous »

У меня есть 3 кнопки и 3 абзаца. Я хочу создать функцию js, которая скрывает все абзацы, кроме абзаца с той же буквой, что и кнопка, используя правило CSS, которое применяет класс «скрытый».
Я пробовал много вещей, но все, что я могу сделать, это переключить класс, скрытый для всех абзацев. Может кто-нибудь объяснить мне, как это сделать?

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

function toggle(clicked, id) {
var el = document.querySelectorAll(".text");
var length = el.length;

for (let i = 0; i < length; i++) {
el[i].classList.add("hidden");
}
}

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

.hidden {
display: none;
}

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

a
b
c


a

b

c




Подробнее здесь: https://stackoverflow.com/questions/788 ... -paragraph
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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