c# - 回发后可见性自动变为无

Question

我试图通过 javascript 使 div 的可见性。

  <asp:LinkButton class="ProfilePageDetailLinks" ID="lbtnPersonal" runat="server" OnClientClick="VisibleTab('PersonalDetails')">Show Details</asp:LinkButton>
    <div id="PersonalDetails">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                            </ContentTemplate>
                        </asp:UpdatePanel>
    </div>

function VisibleTab(str) {
    if (document.getElementById(str).style.display == 'none') {
        document.getElementById(str).style.display = 'block';
    } else {
        document.getElementById(str).style.display = 'none';
    }

但是在回发之后，div 会自动隐藏。

请检查下面的代码......它没有按预期工作......如何让它工作......那是我真正的疑问......

<form id="form1" runat="server">
    <div>
        <div runat="server" id='G2'>
            content</div>
        <asp:Button ID="Button1" OnClientClick="javascript:document.getElementById('G2').style.visibility = 'visible';"
            runat="server" Text="show" />
        <asp:Button ID="Button2" OnClientClick="javascript:document.getElementById('G2').style.visibility = 'hidden';"
            runat="server" Text="hide" />
    </div>
    </form>

Answer 1

您可以添加return false;到avoid您的postback

OnClientClick="VisibleTab('PersonalDetails'); return false;"