Answers for "how to remove classes and add new ones jquery"

jquery remove and add class

$( "#foo" ).toggleClass( 'className', addOrRemoveOptional );

//OR
if ($( "#foo" ).hasClass('className')) {
	$( "#foo" ).removeClass( 'className');
} else {
  $( "#foo" ).addClass( 'className');
}

add and remove class in jquery

$('#toggle li').on('click', function () {
    $(this).toggleClass('open')
});