jQuery onclick toggle class name

Question

Using jQuery, how do I toggle classA to classB on click going from:

<a class="switch" href="#">Switch</a>
<div class="classA"></div>


$('.switch').on('click', function(e){
    $('.classA').removeClass('classA').addClass('classB');
    e.preventDefault();
};

How do I toggle the class, instead of just replacing it like I'm doing here?

Answer 1

jQuery toggleClass () method
 The tokenClass () method toggles between adding and removing one or more class names from the selected element. This method checks each element for the specified class name. If the class name is missing, it will be added, and if it is already set, it will be deleted. This creates a toggle effect.