イベントの扱い方その５（toggle）

jQuery イベントの扱い方

toggleイベントについて。


今までのイベントは、引数に一つのfunctionを受け取っていたが、toggleは複数のfunctionを受け取れる感じ。
で、クリックする度に登録した順序のfunctionが実行されるらしい。
結構便利そうだな。（具体的な使い道はすぐ思いつかないけど。）

以下、文字列をクリックする度にフォントカラーが変わるサンプル。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        $("div").toggle(function(){
          $(this).css("color", "red");
        }, function(){
          $(this).css("color", "blue");
        }, function(){
          $(this).css("color", "green");
        }, function(){
          $(this).css("color", "black");
        });
      })
    </script>
  </head>
  <body>
    <div>ぱんぱかぱんつ</div>
  </body>
</html>