在线效果https://www.kmbox.cn/app/lcjy/index.html
操作步骤:1、打开https://www.kmbox.cn/html/help/mb/417.html 下载WeUI模版。
2、解压后使用记事本打开index.html
3、修改{list}标签中的代码为:
{list}
<div class="weui-cell weui-cell_access" onclick="show(this)">∨{flt}</div>
<a class="weui-cell weui-cell_access dn" href="{liurl}">
<div class="weui-cell__bd">{lit}</div><div class="weui-cell__ft"></div>
</a>
{/list}
4、在头部标签</head>前面添加代码如下:
<script type="text/javascript" src="html/js/jquery.js"></script>
<style>.dn{display:none}</style>
<script type="text/javascript">
function show(a){
if ($(a).next().css("display") == 'none') {
$(a).nextUntil("div").css("display", "block");
} else $(a).nextUntil("div").css("display", "none");
}
</script>
5、保存,一个简洁的折叠效果自定义模版就制作完成了。