Das Akkordeon ist ja aus .toggler und .accordion aufgebaut. Das MooTools-Accordion-JavaScript fügt, wenn Du display: -1 setzt, dem .accordion Inline-Styling fürs Verbergen hinzu. Das sieht bei mir so aus (ob es irgendeine Browserweiche gibt, weiß ich nicht):
HTML-Code:
<div class="accordion" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; height: 0px; opacity: 0; visibility: hidden;" […]>
Das heißt das Akkordeon ist so lange aufgeklappt bis das JavaScript von MooTools anspringt und es verbirgt. Je nach Browser und Ladezeit der Seitenbestandteile kann dieser Vorgang sichtbar werden (schaust Du zufällig mit Chrome drauf?).
Abhilfe kannst Du schaffen, indem Du das Inline-CSS in Dein CSS aufnimmst, denn das sollte schneller/eher gerendert sein als das JavaScript:
Code:
.accordion {
padding-top: 0px;
border-top: medium none;
padding-bottom: 0px;
border-bottom: medium none;
overflow: hidden;
height: 0px;
opacity: 0;
visibility: hidden;
}
.accordion müsstest Du ggf. an Dein spezielles Akkordeon anpassen, falls Du noch andere Akkordeons hast, die sich davon unterscheiden.
Ich weiß allerdings wie gesagt nicht, ob sich das CSS eventuell je nach Browser unterscheidet. Du müsstest das also mal mit ein paar Browsern, ggf. auch älteren, durchtesten – oder vielleicht kann noch jemand was dazu sagen, der mehr übers MooTools Accordion weiß.
Lesezeichen