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

[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