slide
UK[sla?d] 美[sla?d]
vi.スライド; フォール; スキッド; [野球] スライド
vt 。フェーディング (する); 徐々に下げる; 靜かに回転する; (させる) 素早く靜かに移動(dòng)する
#n.スライド; 低くするトグル #英[?t?gl] 美[?tɑ:gl]
n.バーボタン; なげなわボタン; 変換キー; 切り替えキー
v.Switch
jquery slideToggle()方法 構(gòu)文
関數(shù): slideToggle() メソッドは、スライド効果 (高さの変更) を使用して要素の表示狀態(tài)を切り替えます。選択した要素が表示されている場(chǎng)合は非表示にし、選択した要素が非表示の場(chǎng)合は表示します。
構(gòu)文: $(selector).slideToggle(speed,callback)
パラメータ:
| パラメータ | 説明 |
| speed | オプション。要素が非表示から表示に (またはその逆に) 切り替わる速度を指定します。デフォルトは「通?！工扦??？赡埭蕚? ミリ秒 (例: 1500) 「遅い」 「標(biāo)準(zhǔn)」 「速い」 速度を設(shè)定すると、要素は切り替わるにつれて高さが徐々に変わります (これにより、スライド効果が作成されます)。 |
| コールバック | オプション。トグル関數(shù)の実行後に実行される関數(shù)。このパラメータは速度パラメータが設(shè)定されていないと設(shè)定できません。 |
注: 要素が非表示になっている場(chǎng)合、コールバック関數(shù)が指定されない限り効果は変わりません。
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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します