JS per gestione tab menu diversi: se 1 funziona; se 2 no.

[goat]

Ciao,
con il seguente Javascript vorrei gestire dei menù a tab. Cliccando su ogni tab si visualizza il contenuto corrispondente:

$(document).ready(function(){
    
    $(".conttab").hide();
    id = $("#tabmenu .sel").attr('slide');
    $(id).show();
    
    $(".link-tab").click(function(){
        id = $(this).attr('slide');
        $('#tabmenu li').removeClass("sel");
         $(this).addClass("sel");
        $(".conttab").hide();
        $(id).show();
    });

    $(".conttab2").hide();
    id = $("#tabmenu2 .sel").attr('slide');
    $(id).show();
    
    $(".link-tab2").click(function(){
        id = $(this).attr('slide');
        $('#tabmenu2 li').removeClass("sel");
         $(this).addClass("sel");
        $(".conttab2").hide();
        $(id).show();
    });
    
}); 

La cosa strana è che se sulla stessa pagina ho sia "#tabmenu" che "#tabmenu2"... ecco che la cosa smette di funzionare. Dove sbaglio?
Eppure classi e id varie hanno tutti nomi differenti, tra i due html.

Qualche idea?

Grazie,
goat