下視覺工作室JavaScript函數隱藏/取消隱藏面板

我使用asp.net（C＃）2010下視覺工作室JavaScript函數隱藏/取消隱藏面板

我有一個面板，其是默認設置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>

來源

2011-09-21 Ghassan

如果您設置visible = false，面板將不會顯示在您的DOM中，並且不能在以後設置爲可見。你應該有visible = true，然後用CSS（style =「display：none」）隱藏它，然後用下面的解決方案之一顯示它。 – Nicolai

如果你使用jQuery，您可以利用以下jQuery方法，

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

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

來源

2011-09-21 09:08:18 nkm

首先你需要使用OnClientClick屬性，而不是OnClick爲您的按鈕，如果該鍵不運行任何服務器端代碼，您可以使用HTML按鈕，而不是asp:Button

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

您可以使用toggle功能jquery隱藏/取消隱藏面板

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

DEMO

來源

2011-09-21 09:01:47

試試這個：

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

來源

2011-09-21 09:02:48

下視覺工作室JavaScript函數隱藏/取消隱藏面板

回答

相關問題