jQuery onclick toggle class name

jquery

Solution

jQuery has a toggleClass function:

<button class="switch">Click me</button>

<div class="text-block collapsed pressed">some text</div>

<script>    
    $('.switch').on('click', function(e) {
      $('.text-block').toggleClass("collapsed pressed"); //you can list several class names 
      e.preventDefault();
    });
</script>

Problem

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?

Original source