<div class="tabs-onglets"><table><tr><td><div id="contenu"><div id="premier_onglet"><center><div class="psdostaff"><a href="LIEN">Hé, je suis <br>un <font style="color:#efdb4b;">habitant</font> !</a></div><chiboom>quel est votre rôle ?</chiboom><br><bibi>vous êtes la puissance</bibi></center></div><div id="deuxieme_onglet"><center><ca>étudiant</ca> <co>du mois</co></center></div><div id="troisieme_onglet">BLABLABLA</div><div id="quatrieme_onglet">BLABLABLA</div><div id="cinquieme_onglet">BLABLABLA</div><div id="sixieme_onglet">BLABLABLA</div></td></tr><tr><td><table><tr><td><a href="#premier_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#deuxieme_onglet"><div class="staffpaonglet2">+</div></a></div></td><td><a href="#troisieme_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#quatrieme_onglet"><div class="staffpaonglet2">+</div></a></div></td><td><a href="#cinquieme_onglet"><div class="staffpaonglet">+</div></a> </div></td><td><a href="#sixieme_onglet"><div class="staffpaonglet2">+</div></a></div></td></tr></table></td></tr></table></div>

/**
 * Système d'onglets automatisé
 * Version : 1.0
 * Par Emmanuel "Manumanu" B.
 **/

$(document).ready(function() {
 
 
  $tabs_onglets = $('.tabs-onglets');
 
  $tabs_onglets.each(function(){
      var ongletActuel = null;
      ongletActuel = $(this).find('a:first').attr('href');

      // Ajout de classe au premier onglet
      $(this).find('a[href="'+ ongletActuel +'"]').addClass('selected');

      // Afficher l'élément par défaut correspondant à celui de l'onglet par défaut
      $(ongletActuel).show().siblings().hide();

      // Gestion de l'événement clic
      $(this).find('a').click(function(e) {
          idOnglet = $(this).attr('href');

          // Si l'élément est déjà sélectionné, ne rien faire
          if (idOnglet == ongletActuel)
            e.preventDefault();
          else {
            // Afficher le contenu demandé et masquer le contenu restant
            $(idOnglet).fadeIn().siblings().hide();

            // Retirer la classe des autres onglets et l'ajouter sur l'élément sélectionné
            $(this).addClass('selected').siblings().removeClass('selected');
            ongletActuel = idOnglet;
          }

          // Empêche le déclenchement du lien
          e.preventDefault();
      });
  });
 

});