jQuery onclick toggle class name

Question

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

Switch
         


        
      

Answer 1

you can use toggleClass() to toggle class it is really handy.

case:1

$('#mydiv').toggleClass('class1 class2');

output: 

case:2

$('#mydiv').toggleClass('class1 class2');

output: 

case:3

$('#mydiv').toggleClass('class1 class2');

output: