按钮
<div class="operation_tree">
<button class="xz-btn xz-btn-sm" id="allzk" style="margin-right: 30px">全部展开</button>
<button class="xz-btn xz-btn-sm" id="allss" style="background-color: #bb2d3b;">全部收缩</button>
</div>
js代码
<script type="text/javascript">
//全部展开
$("#allzk").click(function () {
$(".layui-tree-pack").attr("style", "display:block");
$(".layui-tree-set .layui-tree-setHide .layui-tree-setLineShort").addClass("layui-tree-spread");
$(".layui-icon").removeClass("layui-icon-addition").addClass("layui-icon-subtraction");
$(".layui-tree-set .layui-tree-setLineShort").addClass("layui-tree-spread");
});
//全部收缩
$("#allss").click(function () {
$(".layui-tree-set .layui-tree-setHide .layui-tree-setLineShort").removeClass("layui-tree-spread");
$(".layui-icon").removeClass("layui-icon-subtraction").addClass("layui-icon-addition");
$(".layui-tree-set .layui-tree-setLineShort").removeClass("layui-tree-spread");
$(".layui-tree-pack").attr("style", "display:none");
});
</script>