You can edit / change the code and click run button
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="../../../ajax/libs/jquery/1-11-3/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").toggleClass("main"); }); }); </script> <style> .main { font-size: 120%; color: green; } </style> <script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head> <body> <button>Add or remove the styles</button> <h2>Toggle Effect</h2> <p>If you click the above button it will add green color style.</p> <p>If you click it second time, it will remove the style.</p> <b>Note:</b> Click the button more than once to see the toggle effect. </body> </html>