一次切换2个课程?

时间:2014-05-08 19:33:50

标签: javascript jquery onclick click toggle

下午,其他溢油者。我有一个相对简单的问题,但无法解决需要做的事情。所以我使用glyphicons / font awesome作为可折叠箭头,并需要向上和向下箭头来交换点击。所以在点击标签时,向下移动并加起来。在下一次单击中删除并添加类。有任何想法吗?提前谢谢。

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

2 个答案:

答案 0 :(得分:3)

toggleClass就是这么做的。如果你从一个类开始,那个类将被删除(切换),并且将添加元素没有的类,因此toggleClass

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

答案 1 :(得分:0)

您可以先查看是否有类:

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

然后删除并在if语句中添加适当的类。