Search code examples
jsf-2tabsprimefacesaccordion

Hiding the first tab of accordion panel in JSF Primefaces

By default the first tab of the primefaces accordion panel is shown open on page load. Is there a way that it can be closed on page load.

Thanks

Solution

  • One approach is to define a widgetVar:

    <p:accordionPanel widgetVar="accordion">
    ...
</p:accordionPanel>

    And then:

    <body onload="PF('accordion').unselect(0)">

    or for older PF versions:

    <body onload="accordion.unselect(0)">