「jQuery」fadeToggleでフェードイン(フェードアウト)をするサンプル
書式
$(セレクタ名).fadeToggle();
使用例
<style> div {background-color:yellow;} </style> <div id="cft">テストドキュメント</div> <p>フェードアウトとフェードインのサンプル</p> <input type="button" value="表示" id="btnShow" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $("#btnShow").click(function() { // フェードイン表示 $("#cft").fadeToggle(); // フェードアウト表示 $("#cft").fadeToggle(); }); </script>