Problème CSS avec multi-accordéon

Question

Je suis presque sûr d'avoir un problème de CSS, mais je n'arrive pas à comprendre comment le corriger. Actuellement, j'ai ces accordéons fonctionnant parfaitement, ils se replient, se dilatent, se dilatent de nouveau quand on me le dit etc.

Le problème que j'ai est d'aligner le contenu dans ces divs d'accordéon. Idéalement, quand tout est par défaut (effondré) tout ce que je veux voir est l'image miniature et le titre. Ensuite, si l'utilisateur le souhaite, il clique sur le titre et il se développe et s'il veut faire un commentaire ou afficher des commentaires, il peut cliquer à nouveau pour le développer.

Voici la chose, je dois faire la hauteur 62px de sorte que tout va rentrer et ne pas flotter partout. Cela crée un problème avec la zone "Afficher les commentaires" à "Texte ici", car vous pouvez dire qu'il a un espace scandaleux entre les deux.

L'autre problème est que, comme je l'ai actuellement, je force le texte de l'article de façon à ce qu'il ne soit pas TEXT WRAP sous la vignette. Fondamentalement, je veux le diviser en 2 colonnes afin que rien ne passe jamais sous l'image, mais travailler avec cet accordéon et divs à l'intérieur des divs, il s'avère difficile pour moi.

Answer 1

Vous pouvez définir dans votre CSS pour définir la hauteur:

.acc2 { height: auto !important; } 

Depuis votre enfant Accordéons ont une classe acc2 sur leur tête, ceci surpassera, la restauration d'une hauteur par défaut pour correspondre au texte.