2

好的，现在我让滑动打开 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 但它似乎只是添加类而不是删除它？

4

3 回答 3

5

你能不使用toggleClass()

这样，当您需要时，该类将被添加/删除。

$(this).parent().toggleClass("className");
$(this).parent().next('.region').slideToggle(300);
于 2013-02-28T14:34:27.910 回答
1 
$(this).parent().toggleClass('activeTitle'); // toggling the class on the parent
$(this).parent().next('.region').slideToggle(300);
于 2013-02-28T14:35:43.360 回答
0

要从元素中删除一个类，你必须使用removeClass

 $(element).removeClass("classname");
于 2013-02-28T14:34:21.030 回答