ToggleClass function : toggleClass « jQuery « JavaScript Tutorial






  1. JavaScript Tutorial
  2. jQuery
  3. toggleClass
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              $("p").click(function () {
                 $(this).toggleClass("blue");
              });

        });
    </script>
  </head>
   <style>
      .blue { color:blue; }
  </style>
  <body>
    <body>
      <p class=blue>A</p>


  </body>
</html>








30.107.toggleClass
30.107.1.ToggleClass function
30.107.2.Toggle DIV color
30.107.3.toggleClass(class) adds the specified class if it is not present, removes the specified class if it is present.