nicht angemeldet
Hallo,
prinzipiell sollte das funktionieren, siehe bspw. http://jsfiddle.net/R4waX/
Was an deinem Code konkret falsch ist, erkenne ich nicht. PHP-Code ist auch immer verwirrend, wenn es um konkretes HTML/CSS geht. Hast du vielleicht einmal ein reduziertes Online-Beispiel?
Liege ich eventuell mit der Vermutung richtig, dass das Javascript bereits ausgeführt wird, bevor die Seite fertig geladen wurde und daher die Transition nicht startet, da dadurch quasi keine Änderung erkannt wird?
So wie du das JavaScript platziert hast, wird es beim Parsen des HTMLs ausgeführt. Und zwar nachdem das betreffende Element geparst wurde. Es sollte also Zugriff auf das Element haben – sonst würdest du eine Fehlermeldung auf der Konsole sehen (getElementById würde null zurückgeben).
Wichtig ist, dass das Stylesheet im <head>…</head> geladen wird. Der Download des Stylesheets blockt das Rendern. Also sollte der Browser durchaus eine Änderung durch das JavaScript bemerken (eben von 0 auf die gegebene Länge).
Mathias
JürgenB