[Réglé] [CSS3] Système de menus en onglets (in post)

[verspax]

Ah, gros fail ! Désolé, j'étais vraiment parti du principe que ça devait faire un tout, du coup j'ai tout collé dans un seul MyCode...

Ce qui donnerait donc :

Code :

\[tabs\](.*?)\[/tabs\]
<ul id="uitabs">$1</ul>

\[tab=(.*?)\](.*?)\[/tab\]
<li><a href="#" name="$1">$2</a></li>

\[content\](.*?)\[/content\]
<div id="uicontent">$1</div>

\[id=(.*?)\](.*?)\[/id\]
<div id="$1">$2</div>

Code :

[tabs]
[tab=tab1]Tab 1[/tab]
[tab=tab2]Tab 2[/tab]
[/tabs]
[content]
[id=tab1]Tab 1 Content[/id]
[id=tab2]Tab 2 Content[/id]
[/content]

Une chose de corrigé donc, mais je suis toujours bloqué par l'intégration de ce fameux code :

Code :

$(document).ready(function() {
    $("#content div").hide(); // Initially hide all content
    $("#tabs li:first").attr("id","current"); // Activate first tab
    $("#content div:first").fadeIn(); // Show first tab content
    
    $('#tabs a').click(function(e) {
        e.preventDefault();        
        $("#content div").hide(); //Hide all content
        $("#tabs li").attr("id",""); //Reset id's
        $(this).parent().attr("id","current"); // Activate this
        $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
    });
})();

Où et comment ? Dans l'entête de showthread ?

Merci.