使用javascript打开/关闭asp面板的问题

Question

I have a content page with below details:-

<asp:Content runat="Server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <script type="text/javascript">
        function openclose() {
            if (document.getElementById("hide").style.display == 'inline') {
                document.getElementById("hide").style.display = 'none';
            }
            else {
                document.getElementById("hide").style.display = 'inline';
            }
        }
    </script>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Panel ID="pnlGrid" runat="server">
                <div>
                    <a id="" onclick="openclose()"></a>
                </div>
                <div id="hide">
                     <content here...>
                </div>
             </Panel>
         <ContentTemplate>
<asp:UpdatePanel>
</asp:Content>

问题是，当我第一次点击页面加载后显示在下图中的标题中的锚标记时，会导致回发并且openclose（）函数没有起火，之后当我点击锚标记时它正在调用openclose（）那么，问题是当页面第一次加载时，openclose（）没有起火。当我再次点击时，它正在工作。简而言之，用户必须点击两次以显示或隐藏该div标签之后页面已加载。为什么会这样？提前致谢。