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);

Answer 2

$(this).parent().toggleClass('activeTitle'); // toggling the class on the parent
$(this).parent().next('.region').slideToggle(300);

Answer 3

从您必须使用的元素removeClass

中删除一个类

 $(element).removeClass("classname");

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

3 个答案: