显示/隐藏面板在用户控件中不起作用答案

【问题标题】：Show/Hide panel not working in usercontrol显示/隐藏面板在用户控件中不起作用
【发布时间】：2014-05-20 06:22:06
【问题描述】：

我试图在用户单击按钮时显示/隐藏面板。当我将此代码粘贴到 .aspx 页面时，一切正常，但如果此代码在用户控件中，则无法正常工作。有什么建议么？代码：

<script type="text/javascript">
    function ShowHideOne() {
        if (document.getElementById('<%=CommentPanel.ClientID %>').style.display == "none") {
            document.getElementById('<%=CommentPanel.ClientID %>').style.display = "block";
        }
        else {
            document.getElementById('<%=CommentPanel.ClientID %>').style.display = "none";
        }
        return false;
    } </script>
    <asp:Button ID="btnShowComments" runat="server" Text="Comments" OnClientClick="javascript:return ShowHideOne();"/>      
    <asp:Panel ID="CommentPanel" runat="server">
        ToDo: COMMENTS!
    </asp:Panel>

【问题讨论】：

您是否将代码放在用户控件中（即也使用脚本标签）？
这是我在用户控件中粘贴的唯一代码

标签： javascript asp.net hide panel

【解决方案1】：

您的代码在用户控件中仍然正常工作。

【讨论】：

【解决方案2】：

使用这个

<asp:Button ID="btnShowComments" runat="server" Text="Comments" OnClientClick="ShowHideOne();"/>

【讨论】：