//切換顯示或隱藏
//HTML
<div id="divId">
	<p>第一個div下的p標籤</p>
</div>
<div id="divId2">
	<p style="display:none;">第二個div下的p標籤</p>
</div>

//CODE
//所有div下的p標籤，切換為顯示或隱藏
$("div p").toggle();

※蘭さん：第一個p因為是顯示，所以就會變為隱藏；而第二個p，則是因為隱藏，所以就會變成顯示


//所有div下的p標籤，使用1秒的時間去切換為顯示或隱藏
$("div p").toggle(1000);

※蘭さん：同上一個例子，只是會以1秒間的速度去變化這個動作。


//所有div下的p標籤，字體設定成黑色，使用1秒的時間去切換為顯示或隱藏完成後，再將字體設定成紅色
$("div p").css('color','#000').toggle(1000,function(){
	$(this).css('color','#F00');
});

※蘭さん：接續上例，動作完成時，再追加執行函數去變化字體顏色。


//所有div下的p標籤，字體設定成黑色，使用1秒的時間去切換為顯示或隱藏完成後，再將字體設定成紅色
$("div p").css('color','#000').toggle(1000,'easeInOutBounce',function(){
	$(this).css('color','#F00');
});

※蘭さん：和上例一樣，但是本例追加使用了easing的套件，使隱藏或顯示時，多了彈跳的動作。