Toggle among two or more function calls every other click : toggle « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. toggle

Toggle among two or more function calls every other click

    

<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).css({"color":"blue"});
                  },
                  function () {
                     $(this).css({"color":"red"});
                  },
                  function () {
                     $(this).css({"color":"yellow"});
                  }

             );
        });
    </script>



  </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.Use toggle function to change class
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.