jQuery切换页面淡入淡出操作

HTML

<h3 class="h3-text">页面淡入淡出 --- fadeToggle()与fadeTo()函数</h3>
<button id="id-button-fadetoggle">切换页面淡入淡出效果</button>
<div id="id-div-fade">
    <p>这里js控制的两个数值:</p>
    <p>1.第1个为淡入时间;</p>
    <p>2.第2个为淡出时间;</p>
</div>
					    

JS

 $(document).ready(function(){
	$("#id-button-fadetoggle").click(function(){
		$("#id-div-fade").fadeToggle(3000);
		$("#div-log").html($("#div-log").html()+"<p>"+"fadeToggle()函数 ：切换淡入淡出效果来操作被选页面元素"+"</p>");
		$("#id-div-fade").fadeToggle(3000);
		$("#div-log").html($("#div-log").html()+"<p>"+"fadeToggle()函数 ：切换淡入淡出效果来操作被选页面元素"+"</p>");
		$("#id-div-fade").fadeTo(1500,0.5);
		$("#div-log").html($("#div-log").html()+"<p>"+"fadeTo()函数 ：切换淡入淡出效果来操作被选页面元素"+"</p>");
	});
});