Afficher du text sur le clic d'un autre text et cacher en cas d'un autre clic

**beegees** · 24/04/2008, 09h32

Bonjour tout le monde,

J'aimerais créer un faq.

J'aimerais que cette faq ressemble à ceci :

Quetion1
Réponse 1 (caché par défaut)
Question 2
Réponse 2 (caché par défaut)

Donc j'aimerais que quand on clic sur Question 1, que la réponse 1 s'affiche en dessous, si je reclic sur Question 1, la réponse 1 est cachée à nouveau, idem pour question 2...

J'aimerais farie cela avec du javascript ?

Est-ce possible ?

J'ai vu sur internet une faq qui fait +- la même chose mais avec du CSS mais en cliquant à novueau sur le lien, ça ne remonte pas, moi j'aimerais que ça remonte, voici le lien :

http://www.geckozone.org/faq/index.php?chap=6&voir=1#n1

Merci d'avane pour votre aide très précieuse.

beegees

**le_chomeur** · 24/04/2008, 10h02

Envoyé par beegees

Bonjour tout le monde,

J'aimerais farie cela avec du javascript ?

Est-ce possible ?

réponse : oui et oui

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
#faq{
	display:block;
	border:1px solid #666;
}
#faq a{
	display:block;
}
#faq div{
	display:none;
}
</style>
<script type="text/javascript">
var nbQuestion = 4 ;
function afficherQuestion(idQuestion){
	//On masque toute les réponses
	for(var i = 1 ; i < nbQuestion+1 ; i++){
		document.getElementById('Question'+i).style.display = 'none';
	}
	document.getElementById('Question'+idQuestion).style.display='block';
}
</script>
 
</head>
 
<body>
<div id="faq">
	Faq :)<br />
	<br />
	<a href="#" onclick="afficherQuestion(1)";return false;>Première question</a>
	<div id="Question1">et la réponse</div>
	<a href="#" onclick="afficherQuestion(2)";return false;>deuxiemme question</a>
	<div id="Question2">et la réponse</div>
	<a href="#" onclick="afficherQuestion(3)";return false;>troisième question</a>
	<div id="Question3">et la réponse</div>
	<a href="#" onclick="afficherQuestion(4)";return false;>quatrième question</a>
	<div id="Question4">et la réponse</div>
</div>
</body>
</html>

voila un exemple assez simple

**beegees** · 24/04/2008, 10h26

Salut,

Cool, merci, s'est exactement ce que j'avais besoin.

Merci encore.

beegees

Ps: je viens mettre un résolu dans quelques minutes, je vais d'abord tester d'une manière plus approfondie.

Afficher du text sur le clic d'un autre text et cacher en cas d'un autre clic

JavaScript

Discussions similaires

Partager

Partager