jQuery toggleClass() Method With Syntax and Example

This method toggles between adding and removing one or more class names from the selected elements with the toggleClass() process.

This method looks for the specified class names in each element. If the class names are missing, they are added, and if they are already set, they are removed, creating a toggle effect.

Using the "switch" parameter, you can specify whether only to remove or add a class name.

$(selector).toggleClass(classname,function(index,currentclass),switch)

For all

elements, toggle between adding and removing the "main" class name:

$("button").click(function(){
  $("p").toggleClass("main");
});