DropDown Script mit CSS3

Hallo :slight_smile:
Ich habe mir ein kleines DropDownScript (nur zum Experimentieren) gecoded, und habe das ganze dann mit CSS3 etwas animiert.

Ich würde gerne das wenn man über den „Button“ fährt, der Text nicht sofort eingeblendet wird, sondern erst nach dem das Menu ausgefahren ist (1 sekunde).

Hier mal mein wirklich sehr kleines Script’lein

[HTML]

TestPage
Hallo

  • Hallo2

  • Hallo3
  • [/HTML]

    Vielen Dank schon mal :slight_smile: (Sorry wegen evtl Rechtschreib Fehlern im Script, das war mal eben so schnell zusammen gebastelt)

    Ps: Ich sehe grade, das das unlesbar ist. Ich werde die Datei mal Hochladen.
    http://www.mediafire.com/?3q43qrn392so5py

    Den Code kann man im Forum auch lesbar hinterlegen. Verwende z.B. mal den Button ganz links in der Symbolleiste des Editors und füge den Code danach mit Code-Tags umgeben ein. Ich lade keine Datei runter.

    Und deinem Code fehlt auch ein Doctype?!

    Grundlagen online lesen?
    Little Boxes Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller)

    Dafür gibt es das CSS3-Attribut Transition, oder alternativ dazu Animation.

    .delay() – jQuery API

    wäre auch ne Möglichkeit