style="display:none"表示隱藏。

style="display:block"表示顯示。
在代碼中則使用$("#id").show();

代碼:

效果如圖所示:

注意:display屬性與visibiity屬性的區別!
visibility屬性:
確定元素顯示還是隱藏;
visibility="visible|hidden",visible顯示,hidden隱藏。
當visibility被設置為"hidden"的時候,元素雖然被隱藏了,但它仍然占據它原來所在的位置。
display屬性:
就有一點不同了。visibility屬性是隱藏元素但保持元素的浮動位置,而display實際上是設置元素的浮動特征。
其中block和none值最常用。
block:默認值。
當display被設置為block(塊)時,容器中所有的元素將會被當作一個單獨的塊,就像<DIV>元素一樣,它會在那個點被放入到頁面中。(實際上你可以設置<span>的display:block,使其可以像<DIV>一樣工作。
inline:
將display設置為inline,將使其行為和元素inline一樣---即使它是普通的塊元素如<DIV>,它也將會被組合成像<span>那樣的輸出流。
none:
最后是display被設置:none,這時元素實際上就從頁面中被移走,它下面所在的元素就會被自動跟上填充。
