「jQuery」fadeToggle()で開閉式のメニューを実装する

2020年1月1日

書式
$(selector).fadeToggle(speed,callback);
サンプルコード

<script src="/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("#div1").fadeToggle();
		$("#div2").fadeToggle("slow");
		$("#div3").fadeToggle(3000);
	});
});
</script>

<button>fadeToggle() のサンプル</button>
<br><br>
<div id="div1" style="height:60px;background-color:red;"></div>
<br>
<div id="div2" style="height:60px;background-color:green;"></div>
<br>
<div id="div3" style="height:60px;background-color:blue;"></div>