JQUERY "idtabs" onglet non visible

Bonjour,


Je me tourne vers vous car j'ai un problème avec le plugin JQUERY "idtabs" de SEAN CATCHPOLE et je n'arrive pas le résoudre.

Voici ce que j'essai de faire.

J'ai un div avec un onglet 3 et au sein de chaque onglet, j'utilise un autre jquery qui permet de faire des graphique à barres.

Ces graphiques sont appelés par DIV également.

Quand j'ai un graphique à barres sous chaque onglet, seul celui avec la class="selected" est visible. Les autres quand je clique sur tab2 tab3 et ils ne sont pas visibles.

Si je met class="selected" sur l'onglet 2 alors celui sera visible mais pas les autres.

En gros seul le lien avec class="selected" est visible

Et pourtant si a la place de mettre mon graphique je met du texte alors le contenu des 3 onglets est visible.


Comment puis-je résoudre ce problème.

Merci à l'avance.

Rémy


Ci dessous le code

// ce div correspond au jquery qui crée un tableau avec 3 onglet
<div id="usual1" class="usual"> 
 
// les titres des 3 onglets 
// seul celui ou il y a class="selected" affiche mon graphique
                                                                                                    
<ul>
<li><a  class="selected"  href="#tab1"Ttab1</a></li>
<li><a   href="#tab2">Tab2</a></li>
<li><a   href="#tab3">Tab 3</a></li>
</ul>



// div onglet1
<div id="tab1" style="margin-top:20px; margin-left:20px; width:860px; height:600px; "><br>

// mon graphique a l'interieur de l'onglet1
<div id="chart2" style="margin-top:20px; margin-left:20px; width:460px; height:300px;"></div>

<br>
</div>



// div onglet 2
<div id="tab2" style="margin-top:20px; margin-left:20px; width:860px; height:600px;"><br><br><br>
// graphique a l'interieur de l'onglet 2
<div id="chart1" style=" margin-top:20px; margin-left:20px; width:460px; height:300px;" ></div>
</div>


// div onlget 3
<div id="tab3" style="margin-top:20px; margin-left:20px; width:860px; height:600px;">
// graphique a l'interieur de l'onglet 3
<div id="chart3" style=" margin-top:20px; margin-left:20px; width:460px; height:300px;" ></div>
</div>


</div>

<script type="text/javascript">   $("#usual1 ul").idTabs(); </script>