Toggle Panel renders sequence of states that can be switched (toggled) by a component called Toggle Control. rich:togglePanel has no default appearance. You can define it using the set of facets with any given content inside.

switchType attribute defines the strategy of switching. The possible values for this attributes are:

- client - switching happens on the client without any request to the server. The jsf form is not required in this mode
- ajax - when states are switched, the content of new states comes from the server in Ajax way.
- server - the whole page is reloaded when states are switched

stateOrder attribute defines the order of the states, if "switchToState" isn't explicitly defined on the rich:toggleControl. The following example shows tips panel that has one closed state and three states for tips.

Toggle Panel example