「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>