Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 同时执行slideToggle和toggleClass_Javascript_Jquery - Fatal编程技术网

Javascript 同时执行slideToggle和toggleClass

Javascript 同时执行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

我正在尝试同时进行幻灯片切换和切换类:

css

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”}之前
    
    
  • 标题
    • 任何事

  • …但问题是什么?类没有根据需要更改…哦,这很简单。。。对不起,这个问题不好