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