「jQuery」toggleメソッドで表示の秒数を設定する

2021年9月6日

書式
$(セレクタ名).toggle(ミリ秒)
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div id="cft">5秒かけて内容を表示する</div>
<input type="button" id="btndsp" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
// 初期表示は非表示にする
$('#cft').toggle();
$("#btndsp").click(function() {
$("#cft").toggle(4000);
});
</script>
<div id="cft">5秒かけて内容を表示する</div> <input type="button" id="btndsp" value="表示" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> // 初期表示は非表示にする $('#cft').toggle(); $("#btndsp").click(function() { $("#cft").toggle(4000); }); </script>
<div id="cft">5秒かけて内容を表示する</div>
<input type="button" id="btndsp" value="表示" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
      // 初期表示は非表示にする
      $('#cft').toggle();

      $("#btndsp").click(function() {
            $("#cft").toggle(4000);
      });
    
</script>

 

jQuery

Posted by arkgame