jQuery ein DIV ein/aus-blenden und bewegen

jQuery Slider DIV ein – aus – blenden

Mit jQuery ein DIV anzeigen oder ausblenden.

Mit der jQuery JavaScript-Bibliothek kann man Container ausblenden und auch wieder einblenden. Man kann auch die Container auf der Webeseite hin und her schieben. So werden heute viele Menüs aufgebaut.

In diesem Beispiel haben wir eine kleines leeres Layout erstellt und lassen den obersten Container per Standard nicht anzeigen. Erst wenn man auf die Aktionsfläche (ein DIV) klickt, so wird der Container angezeigt. Dies wer mit der jQuery JavaScript Funktion click(function() und .slideToggle() gesteuert. Die genaue Beschreibung der Funktion kann man auf http://api.jquery.com/slideToggle/ nachlesen.

Als Zweites haben haben wir auf der linken Seite einen DIV Container eingebaut, welcher auch erst durch den klick auf die Aktionsfläche von der linken Seite reinfliegt lassen. Hier verwenden wir die Funktionen click(function() und .animate(). Genaue Beschreibung auf http://api.jquery.com/animate/.

Um alles ganz einfach zu halten, sind nur diese beiden Funktionen im Beispiel.

Mit jQuery ein DIV anzeigen oder ausblenden Besipiel

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*