jQuery toggleClass() Method

Previous Next

Home >> jQuery >> jQuery CSS and HTML Methods >> jQuery toggleClass() Method

jQuery toggleClass() Method

The toggleClass() method is used to toggle between adding and removing one or more class names from the selected elements. It checks each element for the specified class names. The class names are added if missing and removed if already set. This creates a toggle effect.

Syntax:-

Its syntax is:- $(selector).toggleClass(classname, function(index, currentclass), switch)

Further Explanation:-

Parameter	Description
classname	Required. Specifies one or more class names to add or remove.
function(index,currentclass)	Optional. Specifies a function that returns one or more class names to add/remove *index* - Returns the index position of the element in the set *currentclass* - Returns the current class name of selected elements
switch	Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false)

Code Explanation

All Tutorials related to jQuery CSS and HTML Methods

addClass() Method in jQuery after() Method in jQuery append() Method in jQuery appendTo() Method in jQuery attr() Method in jQuery before() Method in jQuery clone() Method in jQuery css() Method in jQuery detach() Method in jQuery empty() Method in jQuery hasClass() Method in jQuery height() Method in jQuery html() Method in jQuery innerHeight() Method in jQuery innerWidth() Method in jQuery insertAfter() Method in jQuery insertBefore() Method in jQuery offset() Method in jQuery offsetParent() Method in jQuery outerHeight() Method in jQuery outerWidth() Method in jQuery position() Method in jQuery prepend() Method in jQuery prependTo() Method in jQuery prop() Method in jQuery remove() Method in jQuery removeAttr() Method in jQuery removeClass() Method in jQuery removeProp() Method in jQuery replaceAll() Method in jQuery replaceWith() Method in jQuery scrollLeft() Method in jQuery scrollTop() Method in jQuery text() Method in jQuery toggleClass() Method in jQuery unwrap() Method in jQuery val() Method in jQuery width() Method in jQuery wrap() Method in jQuery wrapAll() Method in jQuery wrapInner() Method in jQuery

All Sections related to jQuery

jQuery Intro jQuery Intro Quiz jQuery Intro Exercise jQuery Basic jQuery Basic Quiz jQuery Basic Exercise jQuery Advance jQuery Advance Quiz jQuery Advance Exercise jQuery Selectors jQuery Effects jQuery Events jQuery Methods and Properties jQuery Traversing jQuery CSS and HTML Methods

Previous Next

jQuery toggleClass() Method

jQuery toggleClass() Method

Syntax:-

Further Explanation:-

Code Explanation

All Tutorials related to jQuery CSS and HTML Methods

All Sections related to jQuery

Contact Us

Hire An Expert From Our Platform