Hello, I wrote following code for slide-up and slide-down animation of div tag,
javascript: $("#patientdvTop1").click( function() { if ($("#patientopenCloseIdentifier1").is (":hidden")) { $("#patientdvContent1").slideDown ("fast"); $(this).css({'background-image' : 'url ("images/LeftBar/mainTopOver.png")'}); $("#patientopenCloseIdentifier1").show (); }else{ $("#patientopenCloseIdentifier1").hide (); $(this).css({'background-image' : 'url ("images/LeftBar/mainTopNormal.PNG")'}); $("#patientdvContent1").slideUp ("fast"); } }); html: <div id="patientopenCloseIdentifier1"></div> <div id="patientdvTop1"> <table width="100%" height="100%"> <tr> <td align="center"> <font face="trebuchet ms" color="darkblue"><b>Patient Registration</b></font> </td> </tr> </table> </div> <div id="patientdvContent1"> <center> <table cellpadding="8"> <tr> <td align="left"> Hello There </td> </tr> </table> </center> </div> <div id="patientdvBottom1"></div> above code works fine in all versions of internet explorer, but in Firefox,Google Chrome and Opera - just the Slidedown event occurs, slideup never happens pls help .. regards, Nitin Sawant