jquery toggleclass
jquery toggleclass
xxxxxxxxxxjQuery( "button.hamburger" ).click(function() {jQuery(this).toggleClass( "is-active" );});Source: Grepper
Closely Related Answers
xxxxxxxxxx$('.ButtonClass').on('click', function(e) { $('.Items').toggleClass("toggleyour CLASS"); //Target Div where toggle class e.preventDefault();});Source: Grepper
xxxxxxxxxx// HTML element to toggle class onvar element = $('#myElement');// Function to toggle the classfunction toggleClass() { element.toggleClass('myClass');}// Call the toggleClass functiontoggleClass();Source: Grepper
xxxxxxxxxx// add class [class-name] if condition is true// or else remove it$('#foo-bar').toggleClass('class-name', condition)Source: Grepper
xxxxxxxxxx123456789101112131415161718192021222324252627282930313233343536<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>toggleClass demo</title> <style> p { margin: 4px; font-size: 16px; font-weight: bolder; cursor: pointer; } .blue { color: blue; } .highlight { background: yellow; } </style> <script src="https://code.jquery.com/jquery-3.7.0.js"></script></head><body> <p class="blue">Click to toggle</p><p class="blue highlight">highlight</p><p class="blue">on these</p><p class="blue">paragraphs</p> <script>$( ".blue" ).on( "click", function() { $( this ).toggleClass( "highlight" );});</script> </body></html>Source: api.jquery.com
Twitter 
LinkedIn