[jQuery] Re: slideUp doesn't occur

Simple.

You check if $("#patientopenCloseIdentifier1").is(":hidden") is true.
When you do this on a div wich is empty this always returns true. As
browsers hide empte nodes.

Just try and add a space or a bit of text in <div
id="patientopenCloseIdentifier1"></div> and you'll see it works.

On 29 mei, 07:19, Nitin Sawant <nitin.jays...@gmail.com> 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