Как сделать зависимые блоки в вёрстке с аккордеоном?

Question

[Андрей Широких]

Доброго времени суток.
Как реализовать зависимость блоков друг от друга, чтоб когда аккордеон раскрывался, нижние блоки (в данном случае текст Галерея и картинка) сдвигались вниз?
Либо я что-то упускаю в вёрстке (я пробовал с position: relative , не вышло , почему-то) , либо в JS как-то прописать, что +1 раскрытая панель и сдвиг блока на определенное кол-во пикселей?
Прошу помощи.

https://codepen.io/blackerandrew/pen/dyXrRQK

Comments

[lUser L]

в вашем случае проще bootstrap подключать - https://getbootstrap.com/docs/4.3/components/colla...

[Андрей Широких]

Эмиль 🔥, У меня готовая вёрстка в принципе, если я вставлю кусочек бустрапа, оно же не поможет, нужно, чтоб вся вёрстка была на бустрапе?

[Ankhena]

Как реализовать зависимость блоков друг от друга, чтоб когда аккордеон раскрывался, нижние блоки (в данном случае текст Галерея и картинка) сдвигались вниз?

Перестать прибивать их абсолютом, а оставить в потоке.

[Андрей Широких]

Ankhena, Если убрать все абсолюты, ничего не изменится :( Хотя самый верхний по иерархии блок имеет position-relative

[Ankhena]

Андрей Широких, да?
почему-то всё работает https://jsfiddle.net/8s2e01dr/

Закомментированное вам на память оставила, уберите.

Answer 1

[Ross Alex]

В CSS, в .tabs-left заменить
height: 380px;
на
min-height: 380px;