Toggle DIV color : toggleClass « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. toggleClass

Toggle DIV color

 <html> <head> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#run").click(function(){ $("div").toggleClass("colored"); }); }); </script> <style> div { background:yellow; width:80px; height:80px; margin:5px; float:left; } div.colored { background:green; } </style> </head> <body> <button id="run">Run</button> <div>asdf</div> <div id="mover">asdf</div> <div>asdf</div> </body> </html>








Related examples in the same category

1.ToggleClass function
2.toggleClass(class) adds the specified class if it is not present, removes the specified class if it is present.
close