Explanation: jQuery addClass vs toggleClass

The jQuery addClass method is used to add one or more classes to the selected elements. When you use addClass, the specified classes are always added to the element, regardless of whether they were already present or not.

On the other hand, the toggleClass method toggles between adding and removing a class from the selected elements. If the element already has the specified class, toggleClass will remove it, and if it doesn't have the class, toggleClass will add it.

So, the main difference between addClass and toggleClass is that addClass will always add the class, while toggleClass will switch between adding and removing the class.