Dérouler un paragraphe

Fermé
dondotirote - 13 mai 2010 à 11:57
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 13 mai 2010 à 12:12
Bonjour,

stagiaire dans une entreprise et novice en informatique, j'utilise DW depuis quelques semaines.
Ma patronne m'a demandé de faire dérouler un paragraphe en dessous de chaque grand titre pour une meilleure visibilité. Sur ce site j'ai donc utilisé le code proposé ici= https://forums.commentcamarche.net/forum/affich-2016983-derouler-un-paragraphe
Il est très bien mais la boite ouverte se place au dessus du texte suivant, chose que je ne veux pas. Il faudrait que le titre suivant se décale afin d'être constamment vu (boite ouverte ou non) et qu'on ait pas à refermer la boite pour voir ce qu'il y a dessous.

Je vous remercie grandement. J'espère avoir été claire et si besoin demandez moi mon code !
merci beaucoup

1 réponse

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
13 mai 2010 à 12:12
Dans ton contenu :
<a href="#" onclick="return afficher('titre1');">Titre 1</a><br/>
<p id="titre1" class="invisible">
	Texte du titre 1
</p>

<a href="#" onclick="return afficher('titre2');">Titre 2</a><br/>
<p id="titre2" class="invisible">
	Texte du titre 2
</p>

Dans le CSS :
.invisible { display:none; }

Et la fonction Javascript :
function afficher(id) {
	elem = document.getElementById(id);
	elem.style.display = (elem.style.display == 'block') ? 'none' : 'block' ;
	return false;
}
2