Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/42.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 一次切换两个类?_Javascript_Jquery_Onclick_Click_Toggle - Fatal编程技术网

Javascript 一次切换两个类?

Javascript 一次切换两个类?,javascript,jquery,onclick,click,toggle,Javascript,Jquery,Onclick,Click,Toggle,下午好,各位飞越者。我有一个相对简单的问题,但我无法理解需要做什么。所以我使用glyphicons/font awesome作为可折叠箭头,需要上下箭头在单击时交换。因此,单击标记后,向下删除并添加。在下一步中,单击RemoveUpandAddDownClass。有什么想法吗?提前谢谢 $('.accordion-toggle > i').click(function(){ var open = $(this).removeClass('fa-chevron-down').addC

下午好,各位飞越者。我有一个相对简单的问题,但我无法理解需要做什么。所以我使用glyphicons/font awesome作为可折叠箭头,需要上下箭头在单击时交换。因此,单击标记后,向下删除并添加。在下一步中,单击RemoveUpandAddDownClass。有什么想法吗?提前谢谢

$('.accordion-toggle > i').click(function(){
    var open = $(this).removeClass('fa-chevron-down').addClass('fa-chevron-up');
    $.toggle('open');
});

toggleClass
就是这样做的。如果您从一个类开始,该类将被删除(切换),元素不具有的类将被添加,因此
toggleClass

$('.accordion-toggle > i').click(function(){
    var open = $(this).toggleClass('fa-chevron-down fa-chevron-up');
    $.toggle('open');
});

您可以首先使用以下选项检查它是否具有类:

if ($(this).hasClass("fa-chevron-down")) {
    // add and remove classes
} else {
    // add and remove classes
}

然后在if语句中删除并添加相应的类。

Perfect。我就在不远处。