Jquery's Geschwister() funktionieren nicht wie erwartet

Question

Das folgende Beispiel veranschaulicht mein Problem.

https://jsfiddle.net/bff56wup/3/

$('.accordion-toggle').on('click', function() { 
    $(this).toggleClass('active').siblings().removeClass('active'); 
}); 

Wenn ich einen der Akkordeon Frage erweitern und versuchen, ein anderes zu erweitern, während die erste offen ist, wird der Pfeil nicht geändert. .siblings() sollte das behandeln, aber es tut nicht.

EDIT: Korrigierte Schreibfehler, ist Fehler immer noch da

Answer 1

Das Problem ist, weil die .accordion-toggle Elemente nicht Geschwister voneinander sind, daher siblings() kehrt nichts.

Um die Logik zu beheben können Sie die .active Elemente direkt wählen und die Klasse aus ihnen entfernen:

$('.accordion-toggle').on('click', function() { 
    $('.active').not(this).removeClass('active'); 
    $(this).toggleClass('active'); 
}); 

Updated fiddle