Show / hide a <rich:panel>???

[mrboo]

Hi everyone!.

Is there a way to show / hide a panel?. I've tried with this:

The panel

<rich:panel id="panel1" bodyClass="inpanelBody">
......

The close button

<h:commandButton value="Close this panel">
<rich:componentControl for="panel1" event="onclick" operation="hide"/>
</h:commandButton>

But not works for me.. :(.

How can i make it work?.

Thanks in advance!

[nbelaevski]

Hello,

Use this:

<a href="#" onlick="#{rich:element('panel1')}.style.display = 'none'; return false;">Hide</a>

to hide. To show it back again do this in onclick:

#{rich:element('panel1')}.style.display = ''; return false;

[nbelaevski]

Also I suggest to take a look at rich:effect component for fancy effects. Maybe you'll want to use one instead of simply showing/hiding?