<p> 要素をクリックするたびに、各色の間をトグルする:
$("p").toggle(
function(){$("p").css({"color": "red"});},
function(){$("p").css({"color": "blue"});},
function(){$("p").css({"color": "green"});
});
Try it Yourself »
toggle() メソッドは、jQuery version 1.8 で 非推奨になり、version 1.9 で削除されました。
toggle() メソッドは、選択した要素のクリックイベントの間をトグルするため、2 つ以上の関数を接続します。
要素をクリックすると、最初に指定した関数が発火し、再度クリックすると 2 番目の関数が発火する、等々のようになります。
注: toggle() という jQuery Effects メソッドもあります。 どちらが呼び出されるかは、パラメータに依存します。
$(selector).toggle(function)
パラメータ | 説明 |
---|---|
function | 必須。選択した要素をクリックするたびに実行す関数 |
複数の関数間をトグルする
複数の関数間をトグルする方法。