p:effect question

[fta]

Hi,

I have two questions about the p:effect tag:

1). How to 'queue' effects?
I want for example first an item to disappear and after that another item to appear when a link is clicked...
Now both effects are executed immediatly, while I would like that the second effect waits until the first one is completed.

Code: Select all

<h:outputLink id="linkboostcompanystars" value="javascript:void(0)">
<h:graphicImage style="position: absolute; left: 220px; top: 30px;" url="/resources/img/boostcompany_stars_50x50px.png"/>
    <p:effect type="clip" event="click" for="advantageEmpty">
        <f:param name="mode" value="'hide'" />
    </p:effect>
    <p:effect type="clip" event="click" for="advantageStars">
        <f:param name="mode" value="'show'" /> 
    </p:effect>
</h:outputLink>

2). How not to re-execute an effect?
I do not want that the effects above are re-executed in case the components already are in the state where they would go to... (advantageEmpty=invisible, advantageStars=visible)
If i'm not mistaking in jQuery you could write "advantageEmpty:hidden" and "advantageStars:visible" but if a use this in the 'for' attribute I get an error...

Any help would greatly be appreciated!
Best regards
Fred

[fta]

anyone got an idea?