Как реализовать пересчет высоты родителя для внутреннего элемента?

Question

[privat13]

Делаю по сути аккордеон в аккордеоне.

https://codepen.io/Privat13/pen/dyBzEeK



Если нажать на "Кликабельный родитель", а внутри на кнопку "Нажать", то выпадающий элемент не пересчитывает высоту родителя (Кликабельный родитель) без setTimeOut. Если убрать transition, то это решает вопрос, но нужно обязательно его использовать.

Проблема в следующем. Не могу избавиться от setTimeOut. Ничего в голову не приходит.
В идеале вообще на чистом js сделать.

Answer 1

[Антон Антон]

Нужно просто обернуть все еще раз.

<div> <!-- Высоту этого дива меняем -->
<div> <!-- Высоту этого дива вычисляем при изменении контента или ширины и используем её для всех аккордеонов рекурсивно -->
content
</div>
</div>

Comments

[privat13]

Рекурсивно? Это как?