使用jQuery UI toggleClass在2个CSS类之间切换

Question

使用Jquery UI .toggleClass()，我试图在选择器点击时切换两个CSS类，但它没有切换效果。

    $(".toggle").click(function () {
        $(".archivePosts .columns").removeClass( "large-6" ).addClass( "large-4" );
    });

Answer 1

toggleClass方法接受两个类名（要切换）：

$(".toggle").click(function () {
    //$(".archivePosts .columns").removeClass( "large-6" ).addClass( "large-4" );
    $(".archivePosts .columns").toggleClass("large-6 large-4");
});