nordi
Erfahrenes Mitglied
Hallo, ich habe eine Frage zu jQuery. Ich bin ziemlicher Anfänger aber find die Effekte, die man damit erzeugen kann sehr nett. Ich habe folgendes Beispiel gebaut und stoße nun an meine Grenzen:
Wie ihr seht wird die Breite des DIV-Container in die Länge gezogen beim klicken. Doch jedes Mal, wenn ich eine neue Kategorie aufmachen möchte, muss ich jedes Mal den Container und den jeweiligen Inhalt ausfaden lassen. Ich würde gerne eine Funktion haben, die besagt, dass Container + Inhalt auf Anfangsposition sich zurückfahren. Also am besten einfach keinen Inhalt anzeigen im Container und Standardbreite von 800px für den Container. Wie kann ich das machen? Ich hoffe ihr versteht, was ich meine
Code:
$("#projekte").click(function(){
$("#content").animate({
width: "3495px"
}, 1100 );
$("#streifen").fadeIn(1500);
});
$("#portraits").click(function(){
// Container zurückfahren lassen zur Ausgangsposition
$("#content").animate({
width: "800px"
}, 1500 );
// alten Inhalt ausfaden lassen
$("#streifen").fadeOut(1500);
// Container wieder ausfahren lassen
$("#content").animate({
width: "2500px"
}, 1500 );
// Neuen Inhalt einfaden lassen
$("#streifen2").fadeIn(1500);
});
// Links zum aktivieren
<a href="#" id="projekte" class="navigation">- project 1</a><br />
<a href="#" id="portraits" class="navigation">- project 2</a><br />
Wie ihr seht wird die Breite des DIV-Container in die Länge gezogen beim klicken. Doch jedes Mal, wenn ich eine neue Kategorie aufmachen möchte, muss ich jedes Mal den Container und den jeweiligen Inhalt ausfaden lassen. Ich würde gerne eine Funktion haben, die besagt, dass Container + Inhalt auf Anfangsposition sich zurückfahren. Also am besten einfach keinen Inhalt anzeigen im Container und Standardbreite von 800px für den Container. Wie kann ich das machen? Ich hoffe ihr versteht, was ich meine