JavaScript Wie starte Jquery "slide"-toggle in einem anderen Zustand?

IKäsebrot

Ensign
Dabei seit
Juni 2014
Beiträge
245
Dürfte für die Pros eigentlich ganz einfach sein.

Ich habe folgende CSS-Klasse:

Code:
        #toggle {
            width: 1000px;
            height: 2px;
            background: #000000;
        }
Das ist mein HTML, alles easy:

Code:
    <p>Click anywhere to toggle the line.</p>
    <div id="toggle"></div>
Durch den Jquery Code wird ein onClick Eventlistener angehängt:

Code:
        $(document).click(function () {
            $("#toggle").toggle("slide");
        });
Alles kein Stress, hier zum Ausprobieren. Ihr seht die "Linie" lässt sich per Klick rein/raus sliden.

Jetzt will ich aber, dass im Grundzustand (also wenn das HTML zum ersten Mal angezeigt wird) die Linie im ungetoggelten Zustand angezeigt wird. Sie darf also erst rein sliden wenn ich klicke. Wie könnte man das umsetzen?

Ich hoffe ich konnte mein Problem verständlich erklären.

Gruß
 
Top