jquery slideDown()方法
翻訳結果:
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()方法構文
関数: slideDown() メソッドは、スライド効果を使用して非表示の選択要素を表示します。
# 構文: $(selector).slideDown(speed,callback)
パラメータ:
パラメータ | 説明 |
speed | オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通常」です。可能な値: ミリ秒 (例: 1500) 「遅い」 「通常」 「速い」 速度を設定すると、要素は非表示から表示に変わるにつれて高さが徐々に変化します。 |
コールバック | オプション。 slideDown関数の実行後に実行される関数です。コールバックの詳細については、jQuery コールバックの章を参照してください。このパラメータは速度パラメータが設定されていないと設定できません。 |
注: 要素がすでに完全に表示されている場合、コールバック関数が指定されない限り、効果は変わりません。この効果は、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>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します