Как переключить определенный класс на элемент, где назначено несколько классов?

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'); 

Вам не нужно отделить классы , здесь ,