slide
UK[sla?d] 美[sla?d]
vi.スライド; フォール; スキッド; [野球] スライド
vt 。フェージング (する); 徐々に下げる; 靜かに回転する; (させる) 素早く靜かに移動する
##n.slide; 低くする#down #英[da?n] 美[da?n]
adv. Down; (座る、落ちる、橫たわる) down; (範囲または順序の限界を示す) down to
prep. (高から) ) 下向き; (位置を示す) 下; (方向を示す) 沿って下る; (??時間を示す) 以來...
adj. 下向き; イライラ; コンピュータまたはコンピュータ システムのシャットダウン; (...に) 遅れる相手の
n. (鳥の) 羽; 綿毛; 柔らかい髪; 髪
vt. 置く; (特に大きな口または急いで) 飲む; 落下させる; 撃墜する (敵機など)
vi. 降りてくる; 降りる; [命令文でよく使われる] go down; 橫たわる
jquery slideDown()方法 構文
関數(shù): slideDown() メソッドは、スライド効果を使用して非表示の選択要素を表示します。
# 構文: $(selector).slideDown(speed,callback)
パラメータ:
パラメータ | 説明 |
speed | オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通常」です??赡埭蕚? ミリ秒 (例: 1500) 「遅い」 「通?!?「速い」 速度を設定すると、要素は非表示から表示に変わるにつれて高さが徐々に変化します。 |
コールバック | オプション。 slideDown関數(shù)の実行後に実行される関數(shù)です。コールバックの詳細については、jQuery コールバックの章を參照してください。このパラメータは速度パラメータが設定されていないと設定できません。 |
注: 要素がすでに完全に表示されている場合、コールバック関數(shù)が指定されない限り、効果は変わりません。この効果は、jQuery によって非表示になった要素、または CSS で宣言された display:none を持つ要素に作用します (ただし、visibility:hidden を持つ要素には作用しません)。
jquery slideDown()方法 例
<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").slideUp(); }); $(".btn2").click(function(){ $("p").slideDown(); }); }); </script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します