CSS-сетка с разной высотой каждого столбца ⇐ Html

[Anonymous]

У меня есть сетка аккордеона с двумя столбцами. У меня возникла проблема: когда любой аккордеон открыт, он занимает высоту следующего столбца.
См. состояние по умолчанию для всех аккордеонов (все закрыты).


Здесь, на втором изображении, при открытии любого из них можно сказать, что элемент 2 (обратите внимание на высоту элемента 1 левого столбца, он не должен иметь высоту элемента 2, а высоту закрытого элемента)


Мое требование состоит в том, что когда я открываю любой аккордеон, он должен иметь высоту, все элементы остаются, так как его единственный открытый элемент должен быть расширен.
Я использую CSS попутного ветра ниже: код, который я использую.

Item 1
Item 2
Item 3
Item 4
....



Подробнее здесь: https://stackoverflow.com/questions/757 ... ent-height