CSS проблема с мульти-аккордеоном - PullRequest
1 голос
/ 03 апреля 2010

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

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

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

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

1 Ответ

0 голосов
/ 03 апреля 2010

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

.acc2 { height: auto !important; }

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

...