Javascript 同时执行slideToggle和toggleClass
我正在尝试同时进行幻灯片切换和切换类: cssJavascript 同时执行slideToggle和toggleClass,javascript,jquery,Javascript,Jquery,我正在尝试同时进行幻灯片切换和切换类: css li ul { display: none; } 'click .group': function (event) { $(event.currentTarget).next('ul').slideToggle(200); $(event.currentTarget).children('i').toggleClass('arrow_minimize'); } html <li> <di
li ul { display: none; }
'click .group': function (event) {
$(event.currentTarget).next('ul').slideToggle(200);
$(event.currentTarget).children('i').toggleClass('arrow_minimize');
}
html
<li>
<div class="group"><i class="arrow_maximize"></i> Title</div>
<ul>
<li>anything</li>
</ul>
</li>
我想得到的是:
.group
将向下滑动ul
;同时,i
的类别应更改为“arrow\u minimize”ul
,将i
的类别更改为“arrow\u”在
toggleClass
中,还需要指定元素已经具有的其他类:
$(函数(){
$('.group')。在('click',function()上{
$(this).next('ul').slideToggle(200);
$(this).children('i').toggleClass('arrow\u minimize arrow\u maximize');
});
});代码>
li ul{显示:无}
i、 箭头:在{内容:“\25ba”}之前
i、 箭头:在{content:“\25bc”}之前
标题
- 任何事
…但问题是什么?类没有根据需要更改…哦,这很简单。。。对不起,这个问题不好