Функция JavaScript, чтобы скрыть / показать панель

Question

Я использую asp.net (C #) под Visual Studio 2010

У меня есть панель, которая по умолчанию настроена на 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/