折叠面板

使用折叠面板需要先载入JS文件：

<script src="/static/auicss/script/aui-collapse.js"></script>

使用之前需要先实例化对象 var collapse = new auiCollapse(options);，options参数如下：

options: {
    autoHide: false, // 是否自动隐藏已经展开的容器
}

提示️

在 .aui-collapse-header 处添加 .aui-active ，然后再在对应的 .aui-collapse-content 处添加 .aui-show 即可默认展开面板。

示例源码

<div class="aui-tab" id="tab">
    <div class="aui-tab-item aui-active">Item1</div>
    <div class="aui-tab-item"><div></div>Item2</div>
    <div class="aui-tab-item">Item3</div>
    <div class="aui-tab-item">Item4</div>
</div>
<script type="text/javascript" src="/static/auicss/script/aui-tab.js" ></script>
<script type="text/javascript">
    var tab = new auiTab({
        element:document.getElementById("tab"),
    },function(ret){
        console.log(ret)
    });
</script>