Elements toggleClass() - KirkGarcia182/domExtend GitHub Wiki

toggleClass()

Description

The element's class is switched between the two passed parameter classnames.

Syntax

element.toggleClass(class1, class2);

Parameters

class1 - A String representing the classname of the element that will be switch between class2. class2 - A String representing the classname of the element that will be switch between class1.

Return Value

The element you just manipulated so you can chain these methods.

Example

<!DOCTYPE html>
<html>
<head>
	<title>domExt Examples</title>
</head>
<body>
	<div id="app">
		<div class="menus">
			<ul id='menuList'>
				<li><a class='menuLink'>Menu 1</a></li>
				<li><a class='menuLink'>Menu 2</a></li>
				<li><a class='menuLink'>Menu 3</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="domExt.js"></script>
	<script type="text/javascript">
		window.$ = document;

		let app = $.byId('app');
		app.addClass('theme1');

		app.toggleClass('theme1', 'theme2');
		console.log(app);
		/* Result
			<div id="app" class='theme2'>
		*/

		app.toggleClass('theme1', 'theme2');
		console.log(app);
		/* Result
			<div id="app" class='theme1'>
		*/
	</script>
</body>
</html>