При активации одного класса CSS активируется и другой как реализовать?

Есть вот такая страничка http://bryans54.beget.tech/catalog

Там в левой части меню каталога. Есть основные категории, а есть в свернутом виде подкатегории у каждой из них. Задача сделать так, чтобы при клике по основной категории, раскрывался список подкатегорий которые состоят в категории.

Вопрос: получится ли это как нить сделать с помощью активации класса CSS у родителя?

Имею в виду такую логику:

<div class="post">
<div class="content" style"значение"></div>
</div>

Чтобы при активации класса post выходило че нить такое:

<div class="post active">
<div class="content2" style"значение2"></div>
</div>