Question

I tried to make the visibility of a div through javascript.

  <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';
    }

But after the postback, the div is hiding automatically.

Please check the code below… Its not working as expected.. How to make it works.. Thats my actual doubt…

<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

You can add return false; to avoid your postback

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