frustrating popup with jquery

[bcn]

I am pulling my hair out to animate a rich:popupPanel with jQuery.

The popup should show up and then fade out.

The popup is

<rich:popupPanel id="notify" modal="false"  show="true" >

One trial is to define the following the in header:

<h:outputScript>

jQuery(document).ready(function() {

jQuery('#notify').ready(function() {

  alert(jQuery('#notify').attr("id"));  /* shows "notify", so the object is found */

   jQuery('#notify').show().delay(2000).fadeOut(2000);

  });

});

</h:outputScript>

but no success. Similar code works for other components.

Second trial is

<rich:jQuery name="fade" query="show().fadeOut(2000)" />

with

<rich:popupPanel id="notify" modal="false"  show="true" onshow="fade(this)">

Nothing works. I also tried setting the domElementAttachment, but no success.

Thanks

[bcn]

Any idea if this is possible?

Can you animate a rich:popupPanel with jQuery to get showing and hiding effects?

If not, do I have to use jQuery UI dialog?

Thanks