javascript - 单击时未将类添加到元素

Question

我正在开发一个 Joomla 站点，我正在根据编辑器在所见即所得编辑器中放置的 H3 标题的位置制作类别描述手风琴。

到目前为止，我已经有了这个简单的功能（显然它需要一些整理）：

jQuery('.category-desc h3').addClass('accordionheading').nextUntil('.category-desc h3').hide();
jQuery('.category-desc h3').click(function(){
    jQuery(this).addClass('activeaccordionheading').nextUntil('.category-desc h3').slideDown();
    jQuery(this).removeClass('activeaccordionheading').siblings('h3').nextUntil('.category-desc h3').slideUp();
});

并且一切正常，除了“activeaccordionheading”类在单击时没有被添加到相关的 h3 中。任何想法为什么？

小提琴

编辑...

小学生的错误！当我试图做的是从它的兄弟姐妹中删除该类时，我一添加它就删除了它！

jQuery(this).removeClass('activeaccordionheading').siblings('h3').etc...

应该

jQuery(this).siblings('h3').removeClass('activeaccordionheading').etc...

Answer 1

在使用以下代码行添加该类后，您将立即删除该类：

jQuery(this).removeClass('activeaccordionheading').siblings('h3').nextUntil('.category-desc h3').slideUp();

Answer 2

如果您尝试删除activeaccordionheading兄弟姐妹上的类，请尝试通过添加 removeClass after siblings()：

$(this).siblings('h3').removeClass('activeaccordionheading').nextUntil('h3').slideUp();

演示小提琴