Ciao,
ho un tab menù su un sito che sto realizzando. Ogni link corrisponde ad una scheda che si posiziona subito sotto il tab menù stesso. 'Sta di fatto che alle volte queste schede sono due, alle volte tre.
Ho trovato questo JS che mi permette di dare ad ogni link il corrispondente elemento "tab" da far visualizzare:

Codice PHP:
var ids=new Array('tab1','tab2');

function switchid(id){    
    hideallids();
    showdiv(id);
}

function hideallids(){
    for (var i=0;i<ids.length;i++){
        hidediv(ids[i]);
    }          
}

function hidediv(id) {
    if (document.getElementById) {
        document.getElementById(id).style.display = 'none';
    }
    else {
        if (document.layers) {
            document.id.display = 'none';
        }
        else {
            document.all.id.style.display = 'none';
        }
    }
}

function showdiv(id) {
          
    if (document.getElementById) {
        document.getElementById(id).style.display = 'block';
    }
    else {
        if (document.layers) {
            document.id.display = 'block';
        }
        else {
            document.all.id.style.display = 'block';
        }
    }
} 
Il mio problema è dato dal fatto che su alcune pagine del sito ho due elementi da nascondere, mentre su altre ne ho tre, come già scritto.
Nella prima riga del codice si imposta l'id degli elementi che si vogliono utilizzare. In questo caso sono impostati "tab1" e "tab2".

La cosa particolare è che se imposto anche un "tab3", nella sezione dove sono presenti solo gli elementi "tab1" e "tab2"... il JS non funziona.

Quindi come la risolvo? Creo due file distinti da utilizzare di volta in volta in base al numero di elementi che devo nascondere? E' un casino modificare questo JS in maniera tale da farlo funzionare secondo le mie esigenze? Oppure avete qualche link a un JS che faccia quello che mi serve?

Grazie,
goat