Bonjour à tous !

j'ai créer des onglets avec Jquery, seulement, le contenu de mon onglet2 apparait dans l'onglet1 et disparait de l'onglet2

en gros ça fait:

onglet1= content onglet1 + content onglet 2
onglet 2=vide
onglet3 = content onglet 3
onglet 4= content onglet 4

J'ai écris ce code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
$(function() {
    $('#onglets').tabs();
  });
Code html : 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
 
<div id="onglets"> // div des onglets 
	<ul>
	    <li><a href="#onglet-1">Fiche d'expositions</a></li> //Onglet1
	    <li><a href="#onglet-2">Expositions Accidentelles</a></li>//Onglet2	
	    <li><a href="#onglet-3">Panneau d\'administration </a></li> //Onglet3
	    <li><a href="#onglet-4">Calcul de la FDE d\'un employé</a></li>//Onglet 4
	</ul>
 
 
	<div id="onglet-1">	
             <!--content onglet1-->
        </div>
 
	<div id="onglet-2">
            <!--content onglet2 -->
	</div>
 
        <div id="onglet-3">
	   <!--content onglet-3 -->
	</div>
 
	 <div id="onglet-4">	
		<!--content onglet-4-->
         </div>
 
 
</div>

j'ai bien divisé mes div pour chaque onglet du menu pourtant non? Je ne vois pas mon erreur...

Merci de votre aide !