Question

我正在开发一个Joomla网站，我根据编辑在WYSIWYG编辑器中的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中。有什么想法吗？

Fiddle

修改...

小学生错误！当我想要做的就是从兄弟姐妹那里删除课程时，我立即删除课程！

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，请在siblings()之后添加removeClass：

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

演示Fiddle

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

2 个答案: