首页 > Web开发 > 详细

Js控制css实现同一个按钮实现展示与隐藏内容(LayUI)

时间:2021-06-17 17:05:38      阅读:18      评论:0      收藏:0      [点我收藏+]

<button class="layui-btn layui-btn-primary layui-col-md-offset8" lay-active="dropDownContent">
<i class="layui-icon layui-icon-app layui-bg-white"></i>
</button>

<div class="layui-row" style="display:none;" id="downCent">
展示隐藏内容
</div>

layui.use(["util", "dropdown"], function () {

let util=layui.util;

util.event(‘lay-active‘, {
dropDownContent: function () {
var div = document.getElementById("downCent");
if (div.style.display != "none") { div.style.display = "none"; }
else { div.style.display = "block"; }

}

});

 });

Js控制css实现同一个按钮实现展示与隐藏内容(LayUI)

原文:https://www.cnblogs.com/wwappb678244233/p/14893348.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!