BSTEUHL Accordion <description xml:lang="en"/> <author/> <logo mediatype="" filename="" size=""/> </metadata> </xforms:instance> <xforms:instance id="fr-form-attachments"> <attachments> <css mediatype="text/css" filename="" size=""/> <pdf mediatype="application/pdf" filename="" size=""/> </attachments> </xforms:instance> <xforms:instance id="fr-form-resources" xxforms:readonly="true"> <resources> <resource xml:lang="en"> <section-1> <label/> <help/> </section-1> <control-1> <label/> <hint/> <help/> <alert/> </control-1> </resource> </resources> </xforms:instance> <xforms:instance id="fr-service-request-instance" xxforms:exclude-result-prefixes="#all"> <request/> </xforms:instance> <xforms:instance id="fr-service-response-instance" xxforms:exclude-result-prefixes="#all"> <response/> </xforms:instance> </xforms:model> </xhtml:head> <xhtml:body> <fr:view> <xforms:label ref="instance('fr-form-metadata')/title"/> <fr:body> <fr:section id="section-1-section" bind="section-1-bind"> <xforms:label ref="$form-resources/section-1/label"/> <xforms:help ref="$form-resources/section-1/help"/> <fr:grid columns="2"> <xhtml:tr> <xhtml:td> <xforms:input id="control-1-control" bind="control-1-bind"> <xforms:label ref="$form-resources/control-1/label"/> <xforms:hint ref="$form-resources/control-1/hint"/> <xforms:help ref="$form-resources/control-1/help"/> <xforms:alert ref="$fr-resources/detail/labels/alert"/> </xforms:input> </xhtml:td> <xhtml:td/> </xhtml:tr> </fr:grid> </fr:section> <xhtml:p /> <fr:accordion class="fr-accordion-lnf" id="my-accordion"> <fr:case> <fr:label>First section (lorem ipsum)</fr:label> <xhtml:div> Lorem ipsum dolor sit amet, [...] </xhtml:div> </fr:case> <fr:case selected="true" id="my-second-case"> <fr:label>Second section (XForms input)</fr:label> </fr:case> </fr:accordion> </fr:body> </fr:view> </xhtml:body> </xhtml:html>