.net 控制div显示与隐藏
第一种:js方法
页面展示:
<span>附件信息 <a ID="btnIsShow" />展开</a> <table class="form-table" id="content" ></table>
js脚本:
<script> $(function() { $("#IsShow").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); }); }); </script>
第二种:服务器控件后台控制
页面:
<span>附件信息 <asp:Button ID="btnIsShow" runat="server" Text="展开" OnClick="btnIsShow_Click" /></span> <table class="form-table" id="content" runat="server" ></div>
后台:
protected void btnIsShow_Click(object sender, EventArgs e) { if (btnIsShow.Text == "展开") { content.Visible = true; btnIsShow.Text = "收起"; } else if (btnIsShow.Text == "收起") { content.Visible = false; btnIsShow.Text = "展开"; } }
因有登录角色控制是否隐藏,我采用第二种。js和服务器控件同时设置的话,js会失效。
第二种实现之后,可以给控件加上UpdatePanel 控件,可以局部刷新。