Click here to Skip to main content
15,904,828 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
slidetoggle('slow') is working fine in firefox, but it's not working fine in IE8


On click, hyperlink a 'tr' is set to toggle, but when the tr is being displayed, controls are moving down and coming up at once, making some sort of animation.
How to make this slidetoggle work for IE8 as in firefox

script: $('#trPassword').slideToggle('slow');


HTML:

XML
<tr id="trPassword" runat="server" style="display: block;">
                                                   <td>
                                                       <table cellpadding="0" cellspacing="0" border="0">
                                                           <tr style="height: 30px">
                                                               <td style="width: 157px">
                                                                   <asp:Label ID="lblPassword" runat="server">Password:</asp:Label>
                                                               </td>
                                                               <td>
                                                                   <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="150px" TabIndex="4"
                                                                       CssClass="textboxFont">
                                                                   </asp:TextBox>
                                                                   <asp:RequiredFieldValidator ID="reqPassword" runat="server" ControlToValidate="txtPassword"
                                                                       Display="None" ErrorMessage="Password is required." ValidationGroup="test" SetFocusOnError="true">
                                                                   </asp:RequiredFieldValidator>
                                                               </td>
                                                           </tr>
                                                           <tr style="height: 30px">
                                                               <td style="width: 157px">
                                                                   <asp:Label ID="lblConfirmPwd" Width="157px" runat="server">Confirm Password:</asp:Label>
                                                               </td>
                                                               <td>
                                                                   <asp:TextBox ID="txtConfirmPwd" runat="server" TextMode="Password" Width="150px"
                                                                       TabIndex="5" CssClass="textboxFont">
                                                                   </asp:TextBox>
                                                                   <asp:RequiredFieldValidator ID="reqConfirmPassword" runat="server" ControlToValidate="txtConfirmPwd"
                                                                       Display="None" ErrorMessage="Confirm Password is required." ValidationGroup="test"
                                                                       SetFocusOnError="true">
                                                                   </asp:RequiredFieldValidator>
                                                                   <asp:CompareValidator ID="cmpPassword" runat="server" ErrorMessage="Password Must Match."
                                                                       ControlToCompare="txtPassword" ControlToValidate="txtConfirmPwd" ValidationGroup="test"
                                                                       Display="None" SetFocusOnError="true">
                                                                   </asp:CompareValidator>
                                                               </td>
                                                           </tr>
                                                       </table>
                                                   </td>
                                               </tr>
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900