Hmm,
there is an easier than this.
$("#patientdvTop1").click( function() {
$("#patientdvContent1").slideToggle("fast");
});
On Fri, May 29, 2009 at 7:19 AM, Nitin Sawant <[email protected]>wrote:
>
> 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
>
