目录
当前位置: 首页 > 文档资料 > MUI 中文文档 >

accordion(折叠面板)

优质
小牛编辑
129浏览
2023-12-01

折叠面板从二级列表中演化而来,dom结构和二级列表类似,如下:

 <ul class="mui-table-view"> 
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#">面板1</a>
            <div class="mui-collapse-content">
                <p>面板1子内容</p>
            </div>
        </li>
    </ul>

可以在折叠面板中放置任何内容;折叠面板默认收缩,若希望某个面板默认展开,只需要在包含.mui-collapse类的li节点上,增加.mui-active类即可;mui官网中的方法说明,使用的就是折叠面板控件。

扩展阅读

代码块激活字符 maccordion