「jQuery」slideUpでスライドしながら文書を表示するサンプル

2014年8月31日2021年9月7日

構文
slideDown(ミリ秒)
slideUp(ミリ秒)

使用例

<div id="cft">test message</div>
<input type="button" value="表示" id="btndsp"  />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

      $("#btndsp").click(function() {
            // slideUpメソッドで文書を非表示
            $("#cft").slideUp(2000);
            // slideDownメソッドで文書を表示
            $("#cft").slideDown(2000);
      
      });

</script>