Übernächstes Element ansprechen

bolshi · #1 (**permalink**) 25.01.2011, 22:30

Hallo,
folgende Funktion:

Code:

           $(document).ready(function(){

                           $("li").hide()          

                            $("li.um-gallery-1st").toggleClass( "big" ).show()

                            $("li.um-gallery-1st").next().toggleClass( "small").show()

                            $($this).next().toggleClass( "smaller").show()
            });

Mit folgender Zeile versuche ich vergebens das Element nach .next() anzusprechen:

Code:

$($this).next().toggleClass( "smaller").show()

Auf welche Weise lässt sich das übernächste oder anders gesagt das dritte und vierte Element ansprechen?

chorn · #2 (**permalink**) 26.01.2011, 09:08

next().next().next()...

bolshi · #3 (**permalink**) 26.01.2011, 12:47

Zitat:

Zitat von chorn

next().next().next()...

Danke. Merke grad, dass es abstrakter laufen muss, da es viele List-Elemente gibt. Alle li-Elemente sind per default 'display: none;'. Jeweils drei davon sichtbar. Es existieren drei Klassen:

'aktiv', 'inaktiv rechts', 'inaktiv_links'. Per default ist das erste aktiv. Bei onclick bekommt das erste li-Element 'aktiv_rechts', das zweite 'aktiv', das dritte 'aktiv_links'. Beim nächsten onclick bekommt das zweite 'aktiv_rechts', das dritte 'aktiv', das vierte 'aktiv_links'. Im folgenden Durchgang wird das erste li-Element auf hide gesetzt und die 'aktiv*'-Klassen iterieren um eins.

bolshi · #4 (**permalink**) 28.01.2011, 10:23

So läuft's:

Code:

$(document).ready(function(){

    $("#gallery").click(function(){

        $(this).find("li.third").fadeOut(500).removeClass("third").next().addClass("third");
        $(this).find("li.second").fadeOut(500).removeClass("second").next().addClass("second");

        $(this).find("li.first").next().addClass("first");        

		$($(this).find("li.first")[0]).removeAttr("class").hide().appendTo($(this)).fadeIn(500);
        
	});

});

Beim faden steckt der Wurm noch im Detail. Wie erreiche ich, dass die Bilder sich beim kleinsten Bild beginnend step by step aufeinander legen?
Wie es jetzt funktioniert: Testumgebung

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Element mit mehreren Klassen ansprechen	Sysop	CSS	6	03.04.2012 14:07
Bestimmtes Element über CSS ansprechen	Fragestunde	CSS	6	21.07.2009 19:35
Festanstellung bei der Xing AG als Web Developer (HTML/CSS)	NEOX	Offtopic	10	17.07.2008 17:11
Element label über id ansprechen	Evoli	CSS	8	28.08.2007 13:36
Liste im IE	StarSt0rm	CSS	3	22.08.2007 20:04