jQuery切换完整的类名

我试图在jQuery中切换图标的类名.

我正在使用font-awesome库,它只替换了我班级中的初始"fa",这里是我的jsfiddle

$('[name="caret"]').click(function() {
    $(this).toggleClass('fa fa-caret-up fa-1x');
});

的jsfiddle

好吧它没有改变,fa-caret-up因为你也在切换类fa,这对于字体真棒库是必须的,以实现它是一个图标.

所以就这么做

        $('[name="caret"]').click(function() {
            $(this).toggleClass('fa-caret-up fa-caret-down');
        });

这将删除fa-caret-down该类并将添加fa-caret-up类.

更新小提琴