$(document).ready( function() {
    
    // Lorsqu'un lien a.tab est cliqué
    $("a.onglet").click( function () {
        // Mettre tous les onglets non actifs
        $(".actived").removeClass("actived");
                                                    
        // Mettre l'onglet cliqué actif
        $(this).addClass("actived");
                                                    
        // Cacher les boîtes de contenu
        $(".content").hide();
                                                    
        // Pour afficher la boîte de contenu associé, nous
        // avons modifié le titre du lien par le nom de
        // l'identifiant de la boite de contenu
        var contenu_aff = $(this).attr("name");
        $("#" + contenu_aff).fadeIn();
    });
});