jquery - jquery手风琴点击切换类

Question

我想在标签向上滑动时删除活动类并在打开的选项卡中添加活动类

 $(document).ready(function(){
            $("#accordian li h3").click(function(){
                //slide up all the link lists
                $("#accordian ul .row").slideUp();
                //slide down the link list below the h3 clicked - only if its closed
                if(!$(this).next().is(":visible"))
                {
                    $(this).next().slideDown();

                }
            })
        })

Answer 1

像这样的东西？

$(this).parent().addClass('active').siblings().removeClass('active');

演示

Answer 2

 $(document).ready(function () {
     $("#accordian li h3").click(function () {
         var $parent = $(this).parent();
         if ($parent.hasClass('active')) return;
         //slide up all the link lists
         $("#accordian ul .row").slideUp();
         $(this).next().slideDown(function () {
             $parent.addClass('active').siblings().removeClass('active');
         });
     })
 })

演示

Answer 3

首先删除所有活动类。然后添加到当前点击的。演示：手风琴

$('#accordian li').removeClass('active');
$(this).parent('li').addClass('active');