一般的面板通常是指一個(gè)獨立的容器，而折疊面板則能有效地節省頁(yè)面的可視面積，非常適合應用于：QA說(shuō)明、幫助文檔等
依賴(lài)加載組件：element
一個(gè)面板一個(gè)面板
提示：該功能為 layui 2.6.0 新增
<div class="layui-card">
<div class="layui-card-header">卡片面板</div>
<div class="layui-card-body">
卡片式面板面板通常用于非白色背景色的主體內<br>
從而映襯出邊框投影
</div>
</div>
如果你的網(wǎng)頁(yè)采用的是默認的白色背景，不建議使用卡片面板。
杜甫的思想核心是儒家的仁政思想，他有“致君堯舜上，再使風(fēng)俗淳”的宏偉抱負。杜甫雖然在世時(shí)名聲并不顯赫，但后來(lái)聲名遠播，對中國文學(xué)和日本文學(xué)都產(chǎn)生了深遠的影響。杜甫共有約1500首詩(shī)歌被保留了下來(lái)，大多集于《杜工部集》。
李清照出生于書(shū)香門(mén)第，早期生活優(yōu)裕，其父李格非藏書(shū)甚富，她小時(shí)候就在良好的家庭環(huán)境中打下文學(xué)基礎。出嫁后與夫趙明誠共同致力于書(shū)畫(huà)金石的搜集整理。金兵入據中原時(shí)，流寓南方，境遇孤苦。所作詞，前期多寫(xiě)其悠閑生活，后期多悲嘆身世，情調感傷。形式上善用白描手法，自辟途徑，語(yǔ)言清麗。
魯迅一生在文學(xué)創(chuàng )作、文學(xué)批評、思想研究、文學(xué)史研究、翻譯、美術(shù)理論引進(jìn)、基礎科學(xué)介紹和古籍?？迸c研究等多個(gè)領(lǐng)域具有重大貢獻。他對于五四運動(dòng)以后的中國社會(huì )思想文化發(fā)展具有重大影響，蜚聲世界文壇，尤其在韓國、日本思想文化領(lǐng)域有極其重要的地位和影響，被譽(yù)為“二十世紀東亞文化地圖上占最大領(lǐng)土的作家”。
通過(guò)對內容元素設置class為 layui-show 來(lái)選擇性初始展開(kāi)某一個(gè)面板，element 模塊會(huì )自動(dòng)呈現狀態(tài)圖標。
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">杜甫</h2>
<div class="layui-colla-content layui-show">內容區域</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">李清照</h2>
<div class="layui-colla-content layui-show">內容區域</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">魯迅</h2>
<div class="layui-colla-content layui-show">內容區域</div>
</div>
</div>
<script>
//注意：折疊面板 依賴(lài) element 模塊，否則無(wú)法進(jìn)行功能性操作
layui.use('element', function(){
var element = layui.element;
//…
});
</script>
杜甫的思想核心是儒家的仁政思想，他有“致君堯舜上，再使風(fēng)俗淳”的宏偉抱負。杜甫雖然在世時(shí)名聲并不顯赫，但后來(lái)聲名遠播，對中國文學(xué)和日本文學(xué)都產(chǎn)生了深遠的影響。杜甫共有約1500首詩(shī)歌被保留了下來(lái)，大多集于《杜工部集》。
李清照出生于書(shū)香門(mén)第，早期生活優(yōu)裕，其父李格非藏書(shū)甚富，她小時(shí)候就在良好的家庭環(huán)境中打下文學(xué)基礎。出嫁后與夫趙明誠共同致力于書(shū)畫(huà)金石的搜集整理。金兵入據中原時(shí)，流寓南方，境遇孤苦。所作詞，前期多寫(xiě)其悠閑生活，后期多悲嘆身世，情調感傷。形式上善用白描手法，自辟途徑，語(yǔ)言清麗。
魯迅一生在文學(xué)創(chuàng )作、文學(xué)批評、思想研究、文學(xué)史研究、翻譯、美術(shù)理論引進(jìn)、基礎科學(xué)介紹和古籍?？迸c研究等多個(gè)領(lǐng)域具有重大貢獻。他對于五四運動(dòng)以后的中國社會(huì )思想文化發(fā)展具有重大影響，蜚聲世界文壇，尤其在韓國、日本思想文化領(lǐng)域有極其重要的地位和影響，被譽(yù)為“二十世紀東亞文化地圖上占最大領(lǐng)土的作家”。
在折疊面板的父容器設置屬性 lay-accordion 來(lái)開(kāi)啟手風(fēng)琴，那么在進(jìn)行折疊操作時(shí)，始終只會(huì )展現當前的面板。
<div class="layui-collapse" lay-accordion> <div class="layui-colla-item"> <h2 class="layui-colla-title">杜甫</h2> <div class="layui-colla-content layui-show">內容區域</div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">李清照</h2> <div class="layui-colla-content layui-show">內容區域</div> </div> <div class="layui-colla-item"> <h2 class="layui-colla-title">魯迅</h2> <div class="layui-colla-content layui-show">內容區域</div> </div> </div>
layui - 在每一個(gè)細節中，用心與你溝通