c# - javascript show hide div

Question

how to do show and hide div in javascript and simillarly in c# pageload how to call div based on id value.can any one help on this ?

<ul>
<li><a href="#cat1">cat1</a></li>
<li><a href="#cat2">cat2</a></li>
<li><a href="#cat3">cat3</a></li>
</ul>

<div id="cat1">
<asp:UpdatePanel>
<asp:Panel>
<asp:ListView>
</asp:ListView>
</asp:Panel>
</asp:UpdatePanel>
</div>

<div id="cat2">
<asp:UpdatePanel>
<asp:Panel>
<asp:ListView>
</asp:ListView>
</asp:Panel>
</asp:UpdatePanel>
</div>

<div id="cat3">
<asp:UpdatePanel>
<asp:Panel>
<asp:ListView>
</asp:ListView>
</asp:Panel>
</asp:UpdatePanel>
</div>

Answer 1

要在 C# 代码隐藏中引用 div，您需要向runat="server"div 添加一个属性。Page_Load然后，您可以在方法中通过 ID 引用它。您还应该ClientIDMode="Static"为 div 设置，以修复 div 的 ID，以便您可以在 Javascript 中引用它。注意静态 ID 的 ID 冲突。

使用严格的 Javascript，您可以像这样隐藏 div：

var elem = document.getElementById('cat1');
elem.style.display = 'none';

您可以像这样显示 div：

var elem = document.getElementById('cat1');
elem.style.display = 'block';

JQuery 可能是比 getElementById 方法更好的方法：

$('#cat1').hide();

和

$('#cat1').show();

Answer 2

function showDiv()
{
  // This is to show the div
   document.getElementById('divId').style.display = 'block';
}

function hideDiv()
{
 // This is to hide the div
   document.getElementById('divId').style.display = 'none';
}

如果 div 具有 runat 属性，则代码将不支持..

希望对你有帮助..