XML-XSL => HTML | Collapse générique de div
Bonjour à tous,
J'ai un fichier XML avec une XSL et une CSS pour sortie HTML.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| <chapitre>
<section>
<titre>Mon Titre1</titre>
<para>Mon para 1.1</para>
<para>Mon para 1.2</para
</section>
...
<section>
<titre>Mon Titre2</titre>
<para>Mon para 2.1</para>
<para>Mon para 2.2</para>
</section>
</chapitre> |
XSL simple :
Code:
1 2 3 4 5 6 7 8
| <xsl:for-each select="chapitre/section">
<div class="section">
<h3><xsl:value-of select="titre"></h3> <!-- Le titre s'affiche et quand je clique dessus les paragraphes apparaissent -->
<xsl:for-each select="para">
<p><xsl:value-of select="."></p>
</xsl:for-each>
</div>
</xsl:for-each> |
Le nombre de <section> augmente régulièrement.
Je cherche à ne faire apparaître par défaut que le titre de ma section et que les paragraphes apparaissent lorsque je clique sur le titre - afficher/masquer.
La fonction Javascript 'onclick' "afficher/masquer div" est parfaite, mais je ne vois pas comment généraliser le mécanisme pour qu'à chaque ajout de section ça se gère tout seul.
Une piste, une idée ?
Merci d'avance à tous,