「jQuery」fadeToggleでフェードイン(フェードアウト)をするサンプル

2014年8月27日2021年9月6日

書式
$(セレクタ名).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>