jQueryのtoggle()メソッド
例
<p>要素をクリックするときに色を切り替えます。
$("p").toggle(
function(){$("p").css({"color": "red"});},
function(){$("p").css({"color": "blue"});},
function(){$("p").css({"color": "green"});
});
定義と使用法
トグル()メソッドはjQueryバージョン1.8で非推奨になり、バージョン1.9で削除されました。
トグル()メソッドは、選択した要素のクリックイベントを切り替えるための2つ以上の関数をアタッチします。
要素をクリックすると、最初に指定された関数が起動し、もう一度クリックすると、2番目の関数が起動します。
注: toggle()と呼ばれるjQueryエフェクトメソッドもあります。どちらが呼び出されるかは、パラメータによって異なります。
構文
$(selector).toggle(function)
Parameter | Description |
---|---|
function | Required. A function to run every time the selected element is clicked |
自分で試してみてください-例
を切り替える複数の機能を切り替える方法。