Есть ли способ еще больше консолидировать этот код? [закрыто] ⇐ CSS

[Anonymous]

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

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

Update Log

p {
display: none;
}
#textHide {
text-decoration: underline;
color: blue;
display: none;
}
#textHide1 {
text-decoration: underline;
color: blue;
display: none;
}
span {
border: 1px black solid;
font-size: 14pt;
}
header {
text-align: center;
}




Update Log


Version 1 >


hello

Hide Text


function paraDrop() {
let text = document.getElementById('dropdown');
text.style.display = "block";
let textTwo = document.getElementById('textHide');
textTwo.style.display = "block";
let rotate = document.getElementById('rotate');
rotate.style.transform = "rotate(90deg)";
}
function paraUp() {
let text = document.getElementById('dropdown');
text.style.display = "none";
let textTwo = document.getElementById('textHide');
textTwo.style.display = "none";
let rotate = document.getElementById('rotate');
rotate.style.transform = "rotate(360deg)";
}



Version 2 >


hello

Hide Text


function paraDrop1() {
let text = document.getElementById('dropdown1');
text.style.display = "block";
let textTwo = document.getElementById('textHide1');
textTwo.style.display = "block";
let rotate = document.getElementById('rotate1');
rotate.style.transform = "rotate(90deg)";
}
function paraUp1() {
let text = document.getElementById('dropdown1');
text.style.display = "none";
let textTwo = document.getElementById('textHide1');
textTwo.style.display = "none";
let rotate = document.getElementById('rotate1');
rotate.style.transform = "rotate(360deg)";
}

Как видите, у меня есть две функции для появления и исчезновения абзацев. Я просто хочу знать, есть ли способ оптимизировать js или сделать более простой раскрывающийся список, который я смогу со временем добавить.

Подробнее здесь: https://stackoverflow.com/questions/781 ... -code-more