Unable to hide/show div
<p>I need to hide one div and show one div. 
I am new to Jquery but I've tried several methods that i could find. It still doesn't work and i have no idea. 
Anyone has any idea? Very much appreciated for your help.</p>

<pre><code>&lt;div id="div1" runat="server"&gt;
&lt;asp:Button ID="btnCalculate" runat="server" Text="Calculate Claim" OnClientClick="cfrm();"/&gt;
    &lt;/div&gt;
    &lt;div id="div2" runat="server" visible="false"&gt;

        &lt;script language="javascript" type="text/javascript"&gt;
            function cfrm() {
                var fee = $('[id$=lblTotalProcedureFee]').text();
                if (fee &gt; 500) {
                    if (confirm('You are making a claim exceeding $500. Are you sure to do this operation?')) {
                        $('#div1').hide('fast');
                        $('#div2').show();
                    }
                }
            }
    &lt;/script&gt;
</code></pre>
