Нужно добавить часть элемента, чтобы нижние не сдвигались. Как это сделать?
Есть 2 блока в столбик, у которых есть шапка и элемент с текстом. Нужно чтобы при нажатии на первый блок он раскрывался и снизу появлялся элемент с текстом.
Для меня вся сложность в том, что для всего блока нужен общий бордер с загруглениями. То есть когда элемент не активен бордер остается только у шапки, когда открывается, бордер охватывает весь элемент.
Пробовал делать через position: absolute(для элемента с текстом), но тогда получается трудность с загруглениями блока(border-radius работает отдельно для каждого элемента), а если делать просто через display: block, то бордер работает правильно, но все нижние элементы сдвигаются вниз
Не знаю как это работает, но я сижу день над такими вопросами, потом захожу на какой-нибудь форум и до меня доходит как это можно сделать. Извините за вопрос.
Если у кого-то возникнет: можно решить с помощью загругления отдельных углов заголовка. border-bottom-right-radius: ...; и т.д.
Тогда и position: absolute можно спокойно использовать(чтобы нижние блоки не съезжали).
Средний
