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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します