用于隐藏/取消隐藏面板的JavaScript函数

我正在visual studio 2010下使用asp.netC

我有一个面板，默认设置为2 be hidden visible=false

我需要创建一个JavaScript函数，该函数将在单击按钮时执行，以使此面板在隐藏时可见，在可见时隐藏。 这应该是客户端，这是我到目前为止的代码

   <script type=text/javascript>

    function func1()
    {
    i need this code please
    }

<asp:Panel ID="ResultsPanel" runat="server">

Some controls

</asp:Panel>

<asp:button id=button1 runat=server onclick=javascript:func1()>Hide/Unhide</asp:button>

首先，您需要为按钮使用OnClientClick属性而不是OnClick，如果该按钮不运行任何服务器端代码，您可以使用html按钮而不是asp:button

首先，您需要为按钮使用OnClientClick属性而不是OnClick，如果该按钮不运行任何服务器端代码，您可以使用html按钮而不是asp:button

试试这个：

var Panel = document.getElementById("ResultsPanel");
if (Panel.style.display == "block" || Panel.style.display == "")
{
    Panel.style.display = "none";
}
else
{
    Panel.style.display = "block";
}

试试这个：

var Panel = document.getElementById("ResultsPanel");
if (Panel.style.display == "block" || Panel.style.display == "")
{
    Panel.style.display = "none";
}
else
{
    Panel.style.display = "block";
}

---

如果您使用的是jQuery，那么可以使用以下jQuery方法

---

如果您使用的是jQuery，那么可以使用以下jQuery方法

---

如果设置visible=false，则该面板将不会显示在DOM中，以后也无法设置为可见。您应该设置visible=true，然后使用CSS style=display:none隐藏它，然后使用以下解决方案之一显示它。如果设置visible=false，面板将不会显示在DOM中，以后也无法设置为可见。您应该设置visible=true，然后使用CSS style=display:none隐藏它，然后使用以下解决方案之一显示它。

var Panel = document.getElementById("ResultsPanel");
if (Panel.style.display == "block" || Panel.style.display == "")
{
    Panel.style.display = "none";
}
else
{
    Panel.style.display = "block";
}