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>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します