jQueryエフェクトのslideToggle()メソッド(非表示・表示切り替え)_jquery

例
スライド効果を使用して

要素の表示と非表示を切り替えます:

コードをコピー コードは次のようになります:

$(".btn1").click(function(){
$("p").slideToggle();

定義と使用法 slideToggle() メソッドは、スライド効果 (高さの変更) を使用して要素の表示状態を切り替えます。

選択した要素が表示されている場合は非表示にし、選択した要素が非表示になっている場合は表示します。

構文
$(selector).slideToggle(speed,callback) パラメーター 説明
speed オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通常」です。

可能な値:

ミリ秒 (例: 1500)
"slow"
"normal"
"fast"
速度を設定する場合、要素切り替えプロセスでは、高さが徐々に変化します (これによりスライド効果が生じます)。

コールバックはオプションです。トグル関数の実行後に実行される関数。

コールバックの詳細については、jQuery コールバックの章を参照してください。

このパラメータは速度パラメータが設定されていないと設定できません。


ヒントとメモ
ヒント: 要素がすでに非表示になっている場合、コールバック関数が指定されない限り、効果は何も変化しません。