将所选类添加到父div中并将其删除

Question

好吧现在我的滑动打开ul显示所有列表元素,现在我想要点击的标题栏添加一个选定状态,然后在关闭时删除该状态...

UL上面的div有一个.regionHeader类

这是标记的一个例子

<div class="regionHeader">title of the region</div>
<ul class="region"><li>the region i'm hiding/showing</li></ul>

这是javascript

var stockists = {

start: function() {
        $('.region').hide();

            $('.regionTitle').each(function(){

                $(this).click(function(e){
                    e.preventDefault();

                    $(this).parent().next('.region').slideToggle(300);
                });                     
            });
        }            
};

$(stockists.start);

我一直在尝试addClass,但它似乎只是添加类而不是删除它？

Answer 1

你能不能使用toggleClass()

这样,当您需要时,将添加/删除该类.

$(this).parent().toggleClass("className");
$(this).parent().next('.region').slideToggle(300);