AJAX UpdatePanel.Visible Свойство не работает с Javascript

Question

У меня есть код ниже. Я хочу скрыть панель обновления с помощью 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, чтобы

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