jQuery flexible Ausblenden / Anzeigen von Feldgruppen

8

Ich möchte einige Feldsets mit der Option zum Anzeigen / Verbergen ihres Inhalts beim Klicken auf ihr Label erweitern.

Derzeit sieht der HTML-Code folgendermaßen aus:

%Vor%

Beim Klicken auf ein fieldset legend sollte also alles außer der angeklickten Legende des übergeordneten Feldsets umgeschaltet werden.

Ich habe es versucht:

%Vor%

Aber es macht nichts (nicht einmal den Inhalt verstecken). Natürlich möchte ich nur die Ansicht auf das Feld klicken, auf das der Benutzer geklickt hat, also muss er irgendwie feststellen, auf welche Legende geklickt wurde und dann den Inhalt der entsprechenden Feldgruppen ausblenden.

Sicher, ich könnte ihnen alle IDs geben und den Code für jedes Fieldset schreiben, aber das ist ziemlich redundant, da es immer dasselbe ist. Ich denke, dass es einen Weg geben muss, diese Funktionalität für jede Menge Fieldsets universell zu machen. .

Hat jemand eine nette Idee?

    
Florian Peschka 26.11.2009, 10:34
quelle

3 Antworten

11

Wenn ich du wäre, würde ich den Inhalt des fieldsets in div einpacken und dazu:

%Vor%

Wenn Sie nun auf das Label klicken, wird der Inhalt nach oben / unten verschoben und Ihr Label sichtbar gemacht.

    
rochal 26.11.2009, 10:53
quelle
10
%Vor%

Das funktioniert. Es ist das gleiche Konzept wirklich, nur das Gegenteil.

    
creativetim 14.01.2010 06:19
quelle
3

Erweiterte Version

HTML (Legende enthält [-] span):

%Vor%

JavaScript (benötigt jQuery):

%Vor%     
Joachim Werner 08.10.2013 11:23
quelle

Tags und Links