Aide multi-accordéon (problème CSS peut-être?)

Question

Donc, j'ai essayé de développer cette section de nouvelles multi-accordéon pour ce site. En fait, tout fonctionne, grâce à un plugin perspicace. Je l'ai modifié un peu pour que cela fonctionne comme je le veux, mais j'ai rencontré deux problèmes, un qui est peut-être CSS.

Numéro 1:

L'idée de l'utilisateur est que quand ils voient cette page, ils voient tous les titres récents. Ils peuvent également voir à qui il a été posté et combien de commentaires ont été faits à cet article. S'ils le souhaitent, ils peuvent alors cliquer sur le titre et le champ se développera dans l'article. Ils peuvent ensuite faire un commentaire ou voir les commentaires en cliquant sur le lien Voir les commentaires ou en cliquant sur le lien «nombre de commentaires» dans la zone «Publié par ...» (un raccourci vers les commentaires essentiellement). Le problème que j'ai est que si je fais un lien avec l'AUTEUR ou les commentaires "0", ça casse l'accordéon parce que l'accordéon utilise une CLASSE A pour l'ouvrir. Je cherche un correctif, j'ai essayé de faire un H1 ou un DIV mais ça casse aussi.

Numéro 2:

Ceci est un peu difficile, mais lorsque vous cliquez sur le titre, il se développe, mais au moins dans Firefox (n'avez pas testé dans Chrome encore) le texte passe de droite et à gauche, verrouillage à partir duquel le CSS le dit (padding-left). Je ne sais pas pourquoi c'est exactement ce que je fais, si quelqu'un a un aperçu de cela, ce serait apprécié. Lorsque vous ouvrez le titre à l'article et que vous décidez de fermer l'article en cliquant sur le titre, des parties de l'accordéon saute du violet foncé au violet clair avant que la tâche ne soit terminée. fini. Je suis également intéressé à résoudre ce problème, mais cette question dans son ensemble sont toutes des choses assez difficiles.

Vous pouvez voir la démo du site ici: http://www.notedls.com/demo

S'il vous plaît, si quelqu'un a des conseils ou des corrections, je vous en serais reconnaissant, j'ai essayé de faire tout cela pour travailler au mieux de ma capacité, mais je ne suis clairement pas un gourou ou un expert. Merci!

Answer 1

Pour le numéro 2 Je pense que si vous définissez une largeur à ce div alors il ne continuerait pas à se déplacer. Maintenant, vous ne faites que définir un affichage: bloc sans largeur et qui se dilate lorsque l'accordéon s'ouvre et dépasse la vignette. Vous avez également padding-left: 65px mis à ce div et il commence le remplissage à la gauche du pouce, mais comme il se développe, il définit ce remplissage de l'extrême gauche de ce bloc. Vous pouvez définir une marge inférieure longue à votre pouce ou simplement supprimer ce remplissage et permettre au texte de l'envelopper.

Numéro 1 Je ne vois pas vraiment le problème de "casser" l'accordéon. Lorsque je clique sur le lien des commentaires, je l'agrandis comme je le souhaiterais.