Bonjour à tous,

J'ai un fichier XML avec une XSL et une CSS pour sortie HTML.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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,