Sommaire déroulant / Paragraphe déroulant style Wikipedia

**MScam** · 19/06/2007, 17h02

Bonjour,

je voudrais crée un paragraphe déroulant, dans le même style que les sommaires de wikipedia :
http://fr.wikipedia.org/wiki/Harry_potter

avez vous une idée ?
je ne sais pas comment nommer ce que je veux faire, et donc je ne trouve pas de réponse.

**SpaceFrog** · 19/06/2007, 17h04

desolé je n'ai rien vu de "déroulant" sur la page ...

**MScam** · 19/06/2007, 17h07

le sommaire : on peut le masquer puis l'afficher ...
c'est vrai, ce n'est pas "déroulant" :p

... Je viens de trouver ! Effectivement, en cherchant "masquer", c'est plus facile... ( je cherchais "derouler" ou "invisible" ).

http://blocnotes.jemenvol.net/22.aff...uer-une-div-2/

Merci !

**SpaceFrog** · 19/06/2007, 17h19

ha il doit être constitué de deux parties et il suffit de faire un toggle sur le display de block à none ...

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
19
20
21
22
23
24
25
26
<script type='text/javascript'>
var affiche=true
function toggleSom(){
  affiche=!affiche	
  document.getElementById('som').innerHTML=(affiche)?"Sommaire:":"Sommaire: (afficher)";
  document.getElementById('dev').style.display=(affiche)?'block':'none';
  }
  </script>
 
 
</head>
 
<body>
<div style="border:solid 2px black; width:150px;">
    <p id="som" onclick="toggleSom()">Sommaire:</p> 
	<div id='dev' style="display:block;margin-left:5px;">titre
		<div>chapitre1</div>
		<div>chapitre1</div>
		<div>chapitre1</div>
		<div>chapitre1</div>
		<div>chapitre1</div>
	</div>
</div>
</body>
 
</html>

Sommaire déroulant / Paragraphe déroulant style Wikipedia

JavaScript

Vue hybride

Discussions similaires

Partager

Partager