Hide asp.net panel on button click by using javascript [duplicate]

Question

I'm trying to hide a asp.net panel on click a button.

JavaScript and controls I used

<script type="text/javascript">
    function ShowPanel ()
    {
        document.getElementById("<%= pnlCombinedPdf.ClientID %>").style.display = "none"; 
    }
</script>

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ShowPanel()"/>

        <asp:Panel ID="pnlCombinedPdf" runat="server" Visible="false">
            <fieldset>
                <legend class="SubSectionHeading">Merge PDF</legend>
                <table style="width: 100%">
                    <tr>
                        <td>
                            <asp:Button ID="btnMergePdf" runat="server" Text="Merge PDF"/>
                        </td>
                    </tr>
                </table>
            </fieldset>
        </asp:Panel>

But the problem is it does not show the panel after clicked the button. Please help me make it visible on click.

"I'm trying to hide a asp.net panel on click a button...the problem is it does not show the panel after clicked the button" - that's because you are hiding it when the buttons clicked. If it's some sort of toggle behaviour you are after just toggle the display property from none to block. — James
– James, Commented Feb 25, 2014 at 15:09

Ram Singh · Accepted Answer · 2014-02-25 15:10:22Z

1

you just need to change your jquery code:

function ShowPanel ()
{
   document.getElementById("pnlCombinedPdf").style.display = 'none';
        return false;
}

that's all

answered Feb 25, 2014 at 15:10

Ram Singh

6,97235 gold badges107 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Murali Murugesan · Accepted Answer · 2014-02-25 15:08:12Z

0

Use display = "block" to show and display = "none" to hide

function ShowPanel ()
{
    document.getElementById("<%= pnlCombinedPdf.ClientID %>")
            .style.display = "block"; 
}

answered Feb 25, 2014 at 15:08

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Collectives™ on Stack Overflow

Hide asp.net panel on button click by using javascript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related