Question

我在visual studio 2010下使用asp.net（C＃）

我有一个默认设置为2的面板隐藏（可见=假）

我需要创建一个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>

Answer 1

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

 <input type="button" onclick="func1();" value="Hide/Unhide">

您可以使用toggle中的jquery功能来隐藏/取消隐藏您的面板

function func1()
{
   var mypanel = $('#<%=ResultsPanel.ClientID%>');
   mypanel.toggle();
}

<强> DEMO

Answer 2

试试这个：

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

Answer 3

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

http://api.jquery.com/toggle/

http://api.jquery.com/hide/

http://api.jquery.com/show/

用于隐藏/取消隐藏面板的JavaScript功能

3 个答案: