Проблема с CSS с несколькими аккордеонами

Question

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

Проблема, с которой я столкнулась, заключается в выравнивании содержимого внутри этих аккордеонных div. В идеале, когда все по умолчанию (свернуто), все, что я хочу увидеть, это миниатюра и заголовок. Затем, если пользователь пожелает, они нажимают на заголовок и расширяются, и если они хотят комментировать или просматривать комментарии, они могут щелкнуть еще раз, чтобы развернуть это.

Вот что, я должен сделать высоту 62px, чтобы все вместилось и просто не плавало повсюду. Это создает проблему с «Просмотр комментариев» в области «Текст здесь», так как вы можете сказать, что у него есть возмутительное пространство между ними.

Другая проблема, так как в настоящее время у меня это есть, я сильно отступаю от текста статьи, чтобы она не отображалась над уменьшенным изображением. В принципе, я хочу, чтобы он разделился на 2 столбца, поэтому ничто никогда не подпадает под изображение, но работа с этим аккордеон и divs внутри divs оказывается для меня трудным.

Answer 1

Вы можете определить это в CSS, чтобы установить высоту:

.acc2 { height: auto !important; } 

Поскольку ваш ребенок аккордеоны имеют acc2 класс по их заголовку, это перекроет, восстанавливая высоту по умолчанию для соответствия текста.