fadeIn/fadeOut div tag after executing some server side code
<p>Here is my code</p>

<pre><code>&lt;div id="AuthenticateUser" runat="server" style="display:block" &gt;
   //login control
   &lt;asp:button id="ValidateUser" ... /&gt;
&lt;/div&gt;

&lt;div id="ForceToChangePassword" runat="server" style="display:none" &gt;
  //reset password control
&lt;/div&gt;
</code></pre>

<p>On click of "ValidateUser" button, I do check whether user is valid or not.  Based on some condition I do need hide "AuthenticateUser" div tag and show "ForceToChangePassword" div tag.<br>
I really like the jQuery fadeIn/fadeOut effect.  I can easily do that on client side.  But how can I give that effect after executing server side code?</p>

<p>I tried to call javascript method from code behind that method has a fadeIn/fadeOut logic but it seems like that javaScript method is never been called.</p>
