Disclose the panel Box with a double-click on the header

The below code will use to disclose the panel Box with double-click on the header.

<f:view>

        <af:document title="PanelBoxDemo.jspx" id="d1" binding="#{backingBeanScope.backing_PanelBoxDemo.d1}">

        <af:resource type="javascript">

       function openPanelBox(mouseEvent){

          var pbx = mouseEvent.getSource();

          pbx.broadcast(new AdfDisclosureEvent(pbx, !pbx.getDisclosed()));

       }

     </af:resource>

            <af:form id="f1" binding="#{backingBeanScope.backing_PanelBoxDemo.f1}">

                <af:panelBox text="PanelBox1" id="pb1" binding="#{backingBeanScope.backing_PanelBoxDemo.pb1}">

                    <f:facet name="toolbar"/>

                    <af:clientListener method="openPanelBox" type="dblClick"/>

                </af:panelBox>

            </af:form>

        </af:document>

    </f:view>

Thanks..