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