Run
<!doctype html> <html lang="en"> <head> <title>jQuery Add/Remove toggleClass() Method</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn-toggle").click(function(){ $("#para-toggle").toggleClass("toggleclass"); }); }); </script> <style> .toggleclass{ background:#ccc; padding:10px; } </style> </head> <body> <h2>jQuery Add/Remove toggleClass() Method</h2> <p>When you click the below button, it add/remove the class <code>'toggleclass'</code> from the below p element.</p> <button id="btn-toggle">Click to Toggle Class</button> <p id="para-toggle" class="toggleclass">This is the jQuery Tutorial of toggle CSS class.</p> </body> </html>
Go to
Tutorialdeep Homepage