Javascript 选择器中的CSS类规范

在我的代码中，为什么颜色不切换为黄色？jQuery的

slideUp

返回一个jQuery对象，所以我看不出为什么这不起作用

$（文档）.ready（函数（）{
$（“.accordion h3:first”）.addClass（“活动”）；
$（'.accordion p:not（：first'）.hide（）；
$（'.accordion h3'）。在（'click'，函数（e）上{
$（this.next（'p'））
.slideToggle（“慢”）
.兄弟姐妹（'p:visible'）
.slideUp（“慢”）
.toggleClass（“活动”）
.兄弟姐妹（“h3”）。removeClass（“活动”）；
});
});
手风琴{
宽度：480px；
边框底部：1px实心#C4C4；
}
.手风琴h3{
背景：#e9e7e7url（images/arrow square.gif）不重复右键-51px；
字体：粗体120%/100%Arial，Helvetica，无衬线；
填充：7px 15px；
保证金：0；
边框：1px实心#C4C4；
边框底部：无；
光标：指针；
}
.手风琴h3：悬停{
背景色：#E2；
}
.手风琴h3.激活{
背景位置：右5px；
}
.手风琴{
背景色：#f7f7f7；
保证金：0；
填充：10px 15px 20px；
左边框：1px实心#C4C4；
右边框：1px实心#C4C4；
}
.手风琴h3.激活{
背景颜色：黄色；
}

照片
这是这个人的照片

关于
关于这个人

朋友
朋友们到这里来

工作信息
工作信息在这里

关系状态
地位在这里

方向
方向在这里

此行的原因

.next('p') and .siblings('p:visible') 

您的链已经有两层了，

p

元素，第二个选择是可见的

p

元素，您正在切换这些元素的类，而不是

h3

.slideUp('slow')
.end()
.siblings("h3").removeClass("active");
// Add active to the current class            
$(this).addClass('active');

一种方法是在当前

h3

.slideUp('slow')
.end()
.siblings("h3").removeClass("active");
// Add active to the current class            
$(this).addClass('active');

您还可以使用

end

结束最近的筛选过程。因为您在操作之前已经两次选择了

p

元素

.slideUp('slow')
.end()
.end()
.toggleClass('active')
.siblings("h3").removeClass("active");

也应该有效

---

试试我的建议，这里的HTML结构有点凌乱。我建议将这些模态的东西包装在一个div中，然后将

“active”

应用于包装器。然后您可以相应地设置孩子们的样式。