如何在分配了多个类的元素上切换特定类？

Question

我有一个包含多个类的元素。我想在单击它时切换其中一个类。

<span class="icon-expand desktop-only mt8 pl4" id="toggle-site-content-width"></span>

当我点击此内容时，我只需要将icon-expand更改为icon-reduce，然后按原样保留其他类。

当我使用$(this).toggleClass('icon-reduce')时，它只是在最后添加了类。我这样做时也是如此：$(this).toggleClass('icon-expand','icon-reduce')。

这是完整的代码：

$(function(){
    $('#toggle-site-content-width').click(function(){  //  on click
        $('#site-content').children('div').toggleClass('content-align-center');  //  remove this class to expand the view to full available window width
        $(this).toggleClass('toggle-expand','icon-reduce');  //  change the icon
        $(this).trigger('resize');  //  trigger the window to rearrange masonry bricks
    });
});

Answer 1

您需要更改：

$(this).toggleClass('toggle-expand','icon-reduce');  

为：

$(this).toggleClass('toggle-expand icon-reduce');

您无需在此处,分隔您的课程。