Afficher/masquer des éléments

Bonjour
Je souhaite faire apparaitre/disparaître des div au click
J'ai une fonction javacript comme celle-ci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 function afficher_cacher(id)
{
    if(document.getElementById(id).style.visibility=="hidden")
    {
        document.getElementById(id).style.visibility="visible";
        document.getElementById('bouton_'+id).innerHTML='Cacher le texte';
    }
    else
    {
        document.getElementById(id).style.visibility="hidden";
        document.getElementById('bouton_'+id).innerHTML='Afficher le texte';
    }
    return true;
}

Ce script est appelé dans le code PHP

Code:

1
2
echo "<div id='bouton' onclick='afficher_cacher('texte');'>$txt  </div>"
echo "<div id='texte'> ";

Mais ca ne marche pas du tout
Par contre, quand la fonction est appelée dans l'HTML, elle marche

Code:

1
2
<div id="bouton" onclick="afficher_cacher('texte');"><?php echo "$txt";  ?></div>
<div id='texte'>

Bonjour,
tu as un problème d’alternance de ' et de ", regarde le code HTML généré.

OK merci

Code:

1
2
3
 
echo "<div id='bouton_texte' onclick='afficher_cacher(\"texte\");'>$txt</div>";
echo "<div id='texte'>";

;