jquery slideToggle()方法
翻訳結果：
slide
UK[slaɪd] 美[slaɪd]
vi.スライド; フォール; スキッド; [野球] スライド
vt 。フェーディング (する); 徐々に下げる; 静かに回転する; (させる) 素早く静かに移動する
#n.スライド; 低くするトグル #英[ˈtɒgl] 美[ˈtɑ:gl]
n.バーボタン; なげなわボタン; 変換キー; 切り替えキー
v.Switch
jquery slideToggle()方法構文
関数: slideToggle() メソッドは、スライド効果 (高さの変更) を使用して要素の表示状態を切り替えます。選択した要素が表示されている場合は非表示にし、選択した要素が非表示の場合は表示します。
構文: $(selector).slideToggle(speed,callback)
パラメータ:
| パラメータ | 説明 |
| speed | オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通常」です。可能な値: ミリ秒 (例: 1500) 「遅い」 「標準」 「速い」 速度を設定すると、要素は切り替わるにつれて高さが徐々に変わります (これにより、スライド効果が作成されます)。 |
| コールバック | オプション。トグル関数の実行後に実行される関数。このパラメータは速度パラメータが設定されていないと設定できません。 |
注: 要素が非表示になっている場合、コールバック関数が指定されない限り効果は変わりません。
jquery slideToggle()方法例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します