Bonjour à tous,
je vais essayer d'exprimer mon problème au mieux. J'arrive à faire fonctionner une fonction qui au clic d'un bouton, fait apparaitre un <p> situé juste en dessous de lui.
J'aimerais que cette fonction fonctionne aussi pour 2e bouton qui doit faire apparaitre le 2e paragraphe. Idem pour un 3eme paragraphe et ainsi de suite.
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Sans Titre</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script src="jquery.js" type="text/javascript"></script> <script> $(document).ready(function(){ $("#1").click(function () { if ($("#p1").is(":hidden")) { $("#p1").slideDown("fast"); } else { $("#p1").slideUp("fast"); } }); }); </script> </head> <body> <button id="1">Test</button> <p style="display: none" id="p1"> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> </p> <br /> <button id="2">Test 2</button> <p style="display: none" id="p2"> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> Text text text text text text text.<br /> </p> </body> </html>
Je pourrais recopier bêtement ceci
en changeant juste les 1 en 2 mais j'imagine qu'il existe une solution plus propre.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 $("#1").click(function () { if ($("#p1").is(":hidden")) { $("#p1").slideDown("fast"); } else { $("#p1").slideUp("fast"); } });
Partager