Layui折叠面板通过.layui-collapse容器与lay-accordion属性实现手风琴效果；需严格保持HTML结构，避免嵌套冗余div，动态添加后须调用layui.element.render('collapse')刷新，且仅响应一次时需重新渲染。
在 Layui 折叠面板（ 添加 类。
指定某一项默认展开的写法
只需在目标面板的 类即可。Layui 渲染时会识别该类并保持其可见。</code></p>
<ul>
<li>只对一个 <code class=" layui-colla-item> 生效，不影响其他项
<li>无需调用 <code>layui.element.render('collapse')</code>，静态写入即生效</li>
<li>若同时开启 <code>lay-accordion</code>（手风琴模式），默认展开项仍有效，且其他项自动收起</li>
<h3>HTML 示例（默认展开第二项）</h3>
<p>注意：只有第二项的 <code class=" layui-colla-content> 含 <code class=" layui-show>：</code></p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro"><img
src="https://img.php.cn/upload/webcode/000/287/557/6340dac18f876183.png" alt="深蓝色网站后台管理系统layui框架模板-AdminPro" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="overflowclass">深蓝色网站后台管理系统layui框架模板-AdminPro</a>
<p class="overflowclass">一款深蓝色网站后台管理系统layui框架模板</p>
</div>
<a rel="nofollow" href="/xiazai/code/7535" title="深蓝色网站后台管理系统layui框架模板-AdminPro" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<pre class=" brush:php><div class="layui-collapse" lay-accordion>
<div class="layui-colla-item">
<h2 class="layui-colla-title">标题一</h2>
<div class="layui-colla-content">内容一</div>
</div>
<div class="layui-colla-item">
<h2 class="layui-colla-title">标题二</h2>
<div class="layui-colla-content layui-show">内容二（默认展开）</div>
</div>
</div>
<h3>动态场景下如何默认展开某项</h3>
<p>如果面板是 JS 动态生成（如通过循环渲染），可在拼接 HTML 时判断索引或 ID，为符合条件的项注入 </p>
<pre class="brush:php;toolbar:false;">：
- 例如：遍历数组，当
item.id === 'target-2' 时，在其 content 标签里加上 - 渲染后需手动刷新折叠模块：
layui.element.render('collapse')，否则新添加的不会被识别
- 切勿在
失效</code> </li> </ul> <h3>常见失效原因排查</h3> <p>若加了 <code class=" layui-show> 却没展开，检查以下几点： <ul> <li>是否误写成 <code class=" layui-shows> 或 <code class=" layui-shown>（必须严格为 <pre class=" brush:php>）</code></code></p></code> </li> <li>是否把 <code class="layui-show"> 加在了 <code class="layui-colla-title</code> 或外层容器上（只对 <code class=" layui-colla-content> 有效）</code></code> </li> <li>是否开启了 <code>lay-accordion</code> 却给多个项都加了 <pre class="brush:php;toolbar:false;">（手风琴模式下仅第一个生效） - 动态插入后是否遗漏了
layui.element.render('collapse')
