Menu accordéon: après dépliement d'une tuile, replier les autres
Salut tout le monde !
Je viens voir si quelqu'un peut m'aider sur la modification d'un script java. En gros j'ai ce menu:
http://realia.jimdo.com/enrichir-le-...ynamique/#demo
Ce que je voudrais faire c'est, en cliquant sur une question elle ferme automatiquement les autres qui sont ouvertes.
Voici le code head:
Code:
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
| <script type="text/javascript">
//<![CDATA[
function Show(id){
document.getElementById(id).style.display = "";
}
function Toggle(id){
var o = document.getElementById("ans"+id);
if(o.style.display == "") o.style.display = "none"; else o.style.display = "";
}
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
/* Style n°1 de FAQ */
.cadrefaq {
padding: 10px;
margin: 5px;
color: #FFFFFF; /* couleur du cadre de la rubrique et du titre */
background-color: none; /* pas de fond coloré */
border: 2px solid #28A600; /* une bordure colorée */
}
.titrefaq {
font-size: 17px; /* taille du titre de la rubrique */
font-weight: bold; /* titre en gras */
font-family: verdana;
}
a.qfaq {
display: inline-block;
text-decoration: none;
padding: 2px 5px;
margin: 3px;
font-size: 15px;
font-weight: bold;
font-family: verdana;
color: #FFFFFF; /* couleur de la question */
border: 0px; /* pas de bordure */
background-color: #28A600; /* couleur de fond de la question */
/* les lignes qui suivent dessinent l'arrondi du fond de la question */
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
}
.rfaq {
padding: 3px;
margin: 3px;
font-size: 15px;
font-family: verdana;
color: #FFFFFF; /* couleur du texte de la réponse */
border: 0px; /* pas de bordure */
background-color: #b4b4b4; /* pas de couleur de fond */
}
/*]]>*/
</style> |
Et voici le code de la page qui affiche ma FAQ:
Code:
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
| <fieldset class="cadrefaq">
<legend class="titrefaq">Commande</legend>
<!-- bloc 1 -->
<a href="javascript:Toggle(1)" class="qfaq">Pourrais-je jouer avec mon compte après mon paiement?</a><br />
<div id="ans1" class="rfaq" style="display:none;">
Oui, nous vous previendrons par skype ou directement en jeu pour vous prevenir que nous allons nous connecter avec votre compte.
</div>
<!-- bloc 2 -->
<a href="javascript:Toggle(2)" class="qfaq">Puis-je jouer moi même pendant le boost?</a><br />
<div id="ans2" class="rfaq" style="display: none;">
Normalement non mais ca peut être négocier avec les joueurs en fonction de votre niveau de jeu. Il pourrait y avoir un complement à faire au niveau du paiement.
</div>
<!-- bloc 3 -->
<a href="javascript:Toggle(3)" class="qfaq">Je viens de payer et maintenant?</a><br />
<div id="ans3" class="rfaq" style="display: none;">
Nous allons vérifier le paiement et une fois celui ci validé, nous vous contacterons par mail ou par skype (vocal si vous le souhaitez) pour vous expliquer comment nous allons procéder.
</div>
<!-- bloc 4 -->
<a href="javascript:Toggle(4)" class="qfaq">J'ai reçu un mail me disant que mon compte est bloqué !</a><br />
<div id="ans4" class="rfaq" style="display: none;">
Pas de panique, c'est tout à fait normal. Blizzard a imposé une sécurité via l'IP client, quand quelqu'un se connecte sur votre compte via une autre adresse IP, il bloque le compte jusqu'à votre validation de connexion par mail.
</div>
</fieldset> |
J’espère ne pas m’être trompé de section :x
Merci d'avance !
