AJAX UpdatePanel.Visible 속성이 자바 스크립트에서 작동하지 않습니다.

Question

아래 코드가 있습니다. 사용자가 Hide 단추를 클릭 할 때 Javascript를 사용하여 (서버에 가지 않고) 업데이트 패널을 숨기려고합니다. javascript funciton이 디버깅에서 제대로 작동하는 것처럼 보이지만 숨어 있지 않습니다.

<script type="text/javascript" language="javascript"> 

    function Show() { 
     document.getElementById("UpdatePanel1").Visible = true; 
    } 
    function Hide() { 
     document.getElementById("UpdatePanel1").Visible = false; 
    } 


</script> 

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <asp:Button ID="btnShow" runat="server" Text="Show" OnClientClick="Show(); return false;" /> 
    <asp:Button ID="BtnHide" runat="server" Text="Hide" OnClientClick="Hide(); return false;" /> 

    <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <br /> 
      <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox> 
      <br /> 
      <asp:Button ID="btnSubmit" runat="server" Text="Gönder" 
       onclick="btnSubmit_Click" /> 
      <br /> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
</div> 
</form> 

Answer 1

UpdatePanel1의 클라이언트 ID를 사용해야합니다.

document.getElementById('<%=UpdatePanel1.ClientID%>');