Jquery的兄弟姐妹（）没有按预期工作

Question

以下示例演示了我的问题。

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

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

当我扩大了手风琴的问题之一，并试图展开一个又一个，而第一个是开放的，箭头不会改变。 .siblings（）应该处理，但它不。

编辑：更正拼写错误，错误仍然存​​在

Answer 1

的问题是，因为.accordion-toggle元素是不是彼此的兄弟姐妹，因此siblings()回报什么。

要解决的逻辑，你可以直接选择.active元素，并从中取出类：

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

Updated fiddle