Le lien : http://gabrielseduction.com/coaching/

Ce que je veux faire est simple : faire apparaître un texte quand l'utilisateur clique sur les phrases 1. Refonte de profil ; 2. Les Guides ; 3. La Formation Personnalisée etc... et faire disparaître ce même texte lorsqu'il reclique dessus. Pour l'instant, 50% du boulot est fait puisque j'arrive à faire apparaître le texte, mais je ne parviens pas à le faire disparaître oO

Voici le code de l'un des textes à faire apparaître :

<a class="coachingtitles" onclick="document.getElementById('guides').style.d
isplay='block';"
>2. Les Guides</a>

<div id="guides" style="display:none; width:auto; height:auto; ">test</div>

Pourriez-vous m'aider à trouver la solution ? Je pense qu'il suffit de rajouter une petite ligne de code mais je ne sais pas laquelle.

Merci.

Arf, je l'ai sur le bout de la langue, pas besoin de JS, du simple CSS suffit pour ta demande, mais je me souviens plus de comment ça s'appelle
J'essaye de retrouver et je te dis si je trouve

D'accord merci

Si tu veux le faire en css, tu dois te baser sur la pseudo-classe :target.

Ton code html :

<a href="#guides">...</a>
<div id="guides" class="show-on-target">...</div>

Ton code css :

div.show-on-target {
display: none;
}

div.show-on-target:target {
display: block;
}

Par contre, ça ne masquera le block que si tu cliques sur un autre lien et donc change le target.

Avec un peu de js tu peux remédier à ça, ou même tout faire en js, ce qui est relativement simple aussi (et encore plus si tu utilises jQuery, par exemple).

Ok ça marche, merci