Как закрепить контент внутри компонента-аккордеона? ⇐ CSS

[Anonymous]

Я хочу прокрутить до раздела, посвященного содержимому аккордеона. Как мне сделать это только с идентификатором и тегом? Я видел другие решения, делающие то же самое, но они используют JavaScript и jquery, чего я стараюсь избегать, потому что я работаю с системой управления контентом, которая имеет некоторые ограничения на пользовательское кодирование и для редактирования есть только текстовое поле. HTML. (Внизу кода есть JavaScript, но я взял очень простой дизайн из W3Schools, чтобы показать, что я хочу сделать.)
Это то, что я пробовал, но он не работает. :





.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #ccc;
}

.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}




Accordion

Jump to a paragraph in Section 2

Section 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

JUMP TO THIS CONTENT IN SECTION 2.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc.addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
});
}






Подробнее здесь: https://stackoverflow.com/questions/793 ... -component