hi,
Ich stelle das div sichtbar dar. Ohne Javascript sind alle Texte und Bilder zu sehen. Mit Javascript wird ein CSS- Eintrag mit negativem margin-top erzeugt, das Rollo ist eingerollt.
Bei Klick wird der negative margin-top nach und nach auf 0 (Null) gefahren. Das div fährt aus.
Problem:
Das eingerollte div ist in seinem Versteck sichtbar. Ein display:none hilft auch nicht, dann kann es ja beim Ausrollen nicht gesehen werden.
Packe den Inhalt in eine weiteres Element, welchem du height:0 und overflow:hidden verpasst - und erhöhe dann die Höhe dieses Elements schrittweise. Wie weit du gehen musst, sagt dir die offsetHeight-Eigenschaft des inneren Containers.
So wird aber der obere Teil des Inhaltes zuerst sichtbar, und dann "größer". Wenn der untere Bereich zuerst sichtbar sein soll, dann positioniere den inneren Container absolute am bottom des äußeren.
gruß,
wahsaga
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }