Use toggle function to change class : toggle « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. toggle

Use toggle function to change class

    
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
    
        $(document).ready(function(){
             $("div").toggle(
                    function () {
                        $(this).addClass("my");
                    },
                    function () {
                        $(this).removeClass("my");
                    }
             );
        });
    </script>
    <style>
  .my { color:blue; }
  </style>


  </head>
  <body>
    <body>
       <div>header 1</div>
    </body>
</html>








Related examples in the same category

1.Click to toggle style
2.Toggle true and false
3.Slow toggle
4.Normal toggle
5.Toggle fast
6.Toggle in milliseconds
7.Toggle among two or more function calls every other click
8.Click to toggle opacity
9.toggle(fn, fn1): when clicking matched element, the first specified function is fired, clicked again, the second is fired.