.net 控制div显示与隐藏

第一种:js方法

页面展示：

<span>附件信息&nbsp;&nbsp;<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>附件信息&nbsp;&nbsp;<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 控件，可以局部刷新。