Bonjour,
je dispose de 2 "div" avec une fonction "expand" ; par contre, si j'"expande" (ou étire pour parler français) le 1er "div", il s'affiche étiré mais le 2e se décale pour s'afficher à la suite ; voici mon code actuel :et ce que je souhaite, c'est que le 2e ne se décale pas, donc que si j'étire le 1er, le 2e soit masqué ; comment faire ?
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 <!DOCTYPE><html> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> <script> function expand(id, expanded){ var Item = document.getElementById(id); if(expanded=== undefined){ expanded = (Item.offsetWidth == 0); //toggle expanded state } Item.style.display = expanded ? "block" : "none"; document.getElementById(id+'Bt').href = expanded ? "#expanded" : "#"; document.getElementById(id+'Bt').innerHTML = expanded ? "Fermer" : "Ouvrir"; } function init() { expand("test1", window.location.hash==="#expanded"); expand("test2", window.location.hash==="#expanded"); } </script> </head> <body> <body onload="init();"> <a id="test1Bt" href="#" onclick="expand('test1');">Ouvrir</a> <div id="test1">test1<br /></div> <a id="test2Bt" href="#" onclick="expand('test2');">Ouvrir</a> <div id="test2">test2</div><br/> </body> </html>
Partager