Afficher deux div au même endroit

<div class="form-group"> <label >Pick List </label> <select class="form-control" style="width:40%"> <option>Groupes</option> <option>Saisir</option> </select> </div> <div class="form-group" id="liste_des_groupes" style="visibility:hidden"> <label >Groups List </label> <select class="form-control" style="width:40%"> <option>Groupes</option> <option>Saisir</option> </select> </div> <div class="form-group" id="liste_des_numeros" style="margin:auto"> <label>Saisir les Numeros separés par des ; (point virgules)</label> <textarea class="form-control" rows="2" id="message" onkeyup="gestion_message_simple()"></textarea> </div>

Je n'ai pas compris ton problème. Mais au cas où...

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
 
<script>
function alterne() {
 
 if (document.getElementById('liste_des_groupes1').style.display == 'block') {
   document.getElementById('liste_des_groupes1').style.display = 'none';
   document.getElementById('liste_des_groupes2').style.display = 'block'; 
 } else {
   document.getElementById('liste_des_groupes2').style.display = 'none';
   document.getElementById('liste_des_groupes1').style.display = 'block';    
 }
 
}
</script>
<body>
<div class="form-group" id="liste_des_groupes1"style="display:block" >
    <label >Pick List </label>
    <select class="form-control" style="width:40%">
        <option>Groupes</option>
        <option>Saisir</option>
    </select>
</div>
<div class="form-group" id="liste_des_groupes2" style="display:none">
    <label >Groups List </label>
    <select class="form-control" style="width:40%">
        <option>Groupes</option>
        <option>Saisir</option>
    </select>
</div>
<div class="form-group" id="liste_des_numeros" style="margin:auto">
    <label>Saisir les Numeros separés par des ; (point virgules)</label>
    <textarea class="form-control" rows="2" id="message" onkeyup="gestion_message_simple()"></textarea>
</div>
<input type="button" value="Clique" onclick="alterne()" />
</body>