「jQuery入門」toggleメソッドで要素を表示(非表示)するサンプル

書式
toggle(speed, [callback])
要素の表示/非表示を、関数が呼び出される度にアニメーション付きで切り替えます。
同時に、アニメーション終了時に呼び出されるコールバック関数を指定することもできます。
使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".cft").toggle();
  });
});
</script>
</head>
<body>

<div class="cft">これは段落のテストです.</div>

<button>テスト</button>

</body>
</html>

 

jQuery

Posted by arkgame