JQuery next () - Abrufen des nächsten Geschwisters, das nur Klassen verwendet

8

Ich versuche, etwas wie ein Web Akkordeon zu erstellen.

Visuelles Beispiel:

%Vor%

Ich möchte eine "Content Div" (jquery function toggle ()) umschalten, indem ich auf die entsprechende "Title Div" klicke.

Ich habe Folgendes versucht, aber es funktioniert nicht.

Ссылка

HTML:

%Vor%

JQUERY:

%Vor%

Ссылка

Ich würde meinen Funktionsprozess als solchen beschreiben:

  1. Wenn Sie auf ein Element mit einer Klasse namens "titleDiv" klicken, tun Sie:

1.1. Wählen Sie das angeklickte Element;

1.1.1. Wählen Sie das nächste Geschwister des angeklickten Elements mit einer Klasse namens "contentDiv";

1.1.1.1. Setzen Sie die Funktion toggle () auf dieses letzte Element (mit der Klasse "contentDiv");

Es scheint, dass ich falsch liege oder etwas vermisse.

.

Ich nehme jquery 1.8.3 (korrekt).

Das funktioniert, wenn IDs anstelle von Klassen verwendet werden (ich versuche, sie zu vermeiden).

Ich habe eine Warnung innerhalb der Klickfunktion platziert und sie funktioniert (das Problem liegt darin).

    
Edu 15.02.2013, 13:13
quelle

2 Antworten

25

Verwenden Sie .nextAll() und :first , um den nächsten contentDiv

zu erhalten %Vor%

Demo hier Ссылка

    
Anton 15.02.2013, 13:16
quelle
-1

Obwohl es next () ist, wählen Sie den bottomSeparator. Du könntest diesen Trick benutzen

%Vor%

Ссылка

    
luxcem 15.02.2013 13:23
quelle

Tags und Links