У меня есть несколько раскрывающихся списков внутри раздела, и когда раскрывающийся список раскрывается, раздел, внутри ⇐ CSS

[Anonymous]

https://codepen.io/buttadogg_/pen/WbeZvjg

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

Here’s The Basics!


Sydney's Public Transport & How To Use Them!
[img]images/chevron-down.svg[/img]



Finding a Doctor or Medical Service / OSHC
[img]images/chevron-down.svg[/img]



Understanding Your Housing/Accomodation Rights
[img]images/chevron-down.svg[/img]



Working in Sydney & Finding A Job
[img]images/chevron-down.svg[/img]





section:first-of-type {
padding-top: 1.5vw;
min-height: fit-content;
z-index: revert-layer;
}

Когда раскрывающийся список развернут, текст просто перекрывает второй раздел и заголовок. Я хочу, чтобы раздел, в котором раскрывающиеся списки должны расширяться, чтобы соответствовать содержимому раскрывающегося списка, а затем снова уменьшался.
Кроме того, в CSS есть перекрывающиеся стили, потому что есть два файла. связаны с html, поэтому я просто добавил их обоих в код.
До сих пор я пытался изменить минимальную высоту, полностью удалив минимальную высоту, используя максимальную -высота, используя поле, установка дисплея на flex, удалив z-индекс, но получил тот же результат, никаких изменений.
Я не получаю никаких сообщений об ошибках, поэтому я предполагаю, что это не имеет никакого отношения к javascript.

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