Bonjour,

J'ai mis sur ma page le script suivant:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function() {
    // On lance la boucle sur tous les H3
    $('h3').each(function() {
        // On masque le paragraphe qui suit
        $(this).next('p').toggleClass("invisible");
        // On copie le style des balises A
        var couleurLien = 'black';
        $(this).css({
            "text-decoration": "underline",
            "color": couleurLien,
            "cursor": "pointer"
        });
        // A chaque clic, on bascule l"état de l"élément P suivant
        $(this).click(function() {
            $(this).next('p').toggleClass("invisible");
        });
    });
})
Lorsque sur ma page j'ai ceci:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<H3>Question 1</H3>
<P>Réponse 1 </P>

le paragraphe est bien caché. Un clic sur "Question 1" m'affiche ou me cache le paragraphe.

Par contre, quand je suis dans cette configuration:

Lorsque sur ma page j'ai ceci:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<H3>Question 1</H3>
<P>Réponse 1 
<TABLE>....</TABLE>
</P>

"Réponse 1" est bien caché, mais le tableau est visible.

Qu'est-ce qui ne va pas dans le code?

Merci d'avance

Xavier