Accordéon à chargement lent Problème

Question

J'ai un accordéon avec environ 32 morceaux de données attachés en ligne. Pour quelque raison que ce soit lors du premier chargement de la page, l'Accordéon commence ouvert avec toutes les Réponses exposées, pendant environ 3 secondes, puis toutes se ferment.

http://www.davincispainting.com/glossary.aspx

Je sais cela soulève une solution de base de données, mais qui est pour une phase ultérieure.

Le problème se pose s'il y a 10 questions/réponses ou 32 questions/réponses.

Je peux fournir le JSFiddle pour cela, mais évidemment pas avec toutes les données qui causent la réponse lente.

je pensais d'abord que je pouvais briser ceci à plusieurs Accordéons, mais quand j'ai seulement 10 Questions/Réponses le problème se produit encore

Est-ce problème inhérent à l'accordéon? Ou est-il un moyen que je peux définir ceci pour quand la page charge pour être sûr de ne pas exposer les réponses?

Answer 1

Ajouter ce qui suit dans votre CSS:

.answer{ display: none; }

Answer 2

Ajouter display: none; ligne à chacun des principaux divs de réponse. Ils doivent être en ligne parce que la plupart des modules comme celui-ci fonctionnent en ligne.