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

[IKäsebrot]

Dürfte für die Pros eigentlich ganz einfach sein.

Ich habe folgende CSS-Klasse:

        #toggle {
            width: 1000px;
            height: 2px;
            background: #000000;
        }

Das ist mein HTML, alles easy:

    <p>Click anywhere to toggle the line.</p>
    <div id="toggle"></div>

Durch den Jquery Code wird ein onClick Eventlistener angehängt:

        $(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ß

 

[testuser32123]

einfach ein

display: none;

dem #toggle hinzufügen.

 

[IKäsebrot]

Das hat natürlich funktioniert, danke!