Wie erhält man die nächsten Elemente vor einem bestimmten Element mit jQuery oder CSS?

7

Ich habe eine Struktur:

%Vor%

Was ich machen möchte, ist ein Akkordeon zu machen. Also habe ich display : none zu allen ol, ul and p in .faq-section hinzugefügt So möchte ich beim Klick auf h4 wissen, wie alle Elemente, die dem angeklickten h4 folgen, vor dem nächsten h4 angezeigt werden, so dass alle Elemente vor dem nächsten h4 angezeigt werden.

    
Saiyam Gambhir 04.05.2015, 13:15
quelle

5 Antworten

5

Ohne das Markup zu ändern, können Sie die Funktion nextUntil() verwenden:

CSS:

%Vor%

jQuery

%Vor%

DEMO

    
LinkinTED 04.05.2015, 13:24
quelle
5

Wenn Sie das HTML-Markup ändern können, können Sie alle Elemente in einem Div wie folgt umschließen:

%Vor%

und schalten Sie die Sichtbarkeit von .wrapper element um.

jQuery

Wenn Sie das Markup nicht bearbeiten können, können Sie jquery nextUntil() function:

verwenden

%Vor% %Vor% %Vor%
    
kapantzak 04.05.2015 13:18
quelle
3

Sie können dies versuchen:

%Vor%

Sehen Sie hier ein Beispiel: Ссылка

    
Márcio Gonzalez 04.05.2015 13:30
quelle
3

Sie können dies verwenden

%Vor%

Als Referenz lesen Sie bitte diese Referenz

Arbeitsdemo Demo

    
irfan rasool 04.05.2015 13:27
quelle
3
%Vor%     
Oleg Yudovich 04.05.2015 13:23
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Warum darf beim Aufruf einer Funktion in C nicht genügend Parameter übergeben werden?