Rollo ausfahren - ähnlich drop down

[Kalle_B]

Hallöle,

möchte einen Text und / oder Bild durch Klick aus- und wieder einrollen. Also wie ein Rollo, das man herunterzieht und dann sehen kann, was draufsteht.

------------------------   ------------------------
( Thema 1                ) ( Thema 2                )
 ------------------------   ------------------------
                           | Hier Text, nachdem auf |
                           | die Überschrift ge-    |
                           | klickt wurde.          |
                           |                        |
                           | Dieser Text kann höher |
                           | sein als das Window.   |

Eine Lösung mit CSS in Form eines Drop- Down Menüs habe ich schon verworfen. Erstens ist das Menue SOFORT da und rollt nicht aus, zweitens ist es sofort wieder weg, wenn die Maus benutzt wird um die Anzeige zu scrollen.

Idee:
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.

Hat jemand eine Idee oder Link auf ein Muster?

Lieben Gruss, Kalle