раскрывающиеся списки на чистом html и css
1) общее описание - https://doka.guide/html/details/
Резюме: для создания такого блока вам нужно три тега:
<details> - контейнер
<summary> - заголовок с маркером
<p> - текст, который скрыт
2) особенности -
- details, summary можно стилизовать,
- убрать маркер: для summary пишем list-style: none,
- стилизация открытого состояния - используем атрибут [open]
Например:
details[open] summary {
background-color: crimson;
color: white;
}

Подробности и другие особенности здесь:
https://metanit.com/web/html5/6.21.php