「jQuery」slideUpでスライドしながら文書を表示するサンプル
構文
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>