使用jquery控制div的顯示與隱藏，一句話就能搞定，例如：
方法一
顯示：
$("#id").show()表示為display：block，
隱藏：
$("#id").hide()表示為display:none;
方法二
$("#id").toggle();
切換元素的可見狀態。如果元素是可見的，切換為隱藏的；
如果元素是隱藏的，則切換為可見的。
方法三
顯示：
$("#id").css('display','block');
隱藏：
$("#id").css('display','none');
或者
$("#id")[0].style.display='none';
display = none 控制對象的隱藏
display = block控制對象的顯示
方法四：
元素顯示：
$("#id").css('visibility','visible');
元素隱藏：
$("#id").css('visibility','hidden');
CSS visibility 屬性規定元素是否可見。
visible 元素可見。
hidden 元素不可見。
collapse 在表格元素中使用時，此值可刪除一行或一列，但它不影響表格的布局。被行或列占據的空間會留給其他內容使用。如果此值被用在其他的元素上，會呈現為 "hidden"。
inherit 從父元素繼承 visibility 屬性的值。
注意：
display:none和visible:hidden都能把網頁上某個元素隱藏起來，在視覺效果上沒有區別，但是在一些DOM操作中兩者有區別:
display:none ---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到。
visible:hidden--- 使對象在網頁上不可見，但該對象在網頁上所占的空間沒有改變，即它仍然具有高度、寬度等屬性，通俗來說就是看不見但摸得到。
-
-
$("#hidediv").css("display", "block");
-
-
$("#hidediv").attr("class", "blockclass");
-
-
$("#blockdiv").css("display", "none");
-
-
-
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
文章來源：csdn
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
