javascript - 单击时类不会添加到元素中

Question

我正在开发一个 Joomla 网站，并根据编辑器在 WYSIWYG 编辑器中放置的 H3 标题的位置制作类别描述 Accordion 。

到目前为止，我已经有了这个简单的函数(显然它需要一些整理):

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 中。有什么想法吗？

Fiddle

编辑...

小学生的错误!当我试图做的是从它的 sibling 中删除该类时，我在添加该类后立即将其删除!

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

应该是

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

Answer 1

如果您尝试删除 sibling 上的 activeaccordionheading 类，请尝试在 siblings() 之后添加removeClass:

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

演示 Fiddle