DIV settati con JAVASCRIPT

[alex_css]

Salve ragazzi ho il seguente codice nella prima parte della mia pagina html, ma al caricamento mi fà apparire entrambi i DIV ( audio e informatica ).....ovviamente perchè nn hanno nessun valore nè in STYLE.VISIBILITY nè in STYLE.DISPLAY...cm faccio a non farli apparire al termine del caricamenteo della pagina?!.....

function Info() {
var a = document.getElementById("Audio");
var e = document.getElementById("Informatica");

    if (e.style.visibility == 'hidden') {
        e.style.visibility = 'visible';
        e.style.display = 'block';
		a.style.visibility = 'hidden';
		a.style.display = 'none';
    } else {
        e.style.visibility = 'hidden';
        e.style.display = 'block';
		a.style.visibility = 'visible';
		a.style.display = 'none';
    }
}

function Audio() {
var a = document.getElementById("Audio");
var e = document.getElementById("Informatica");

    if (a.style.visibility == 'hidden') {
			a.style.visibility = 'visible';
			a.style.display = 'block';
			e.style.visibility = 'hidden';
			e.style.display = 'none';
    } else {
        a.style.visibility = 'hidden';
        a.style.display = 'block';
		e.style.visibility = 'visible';
		e.style.display = 'none';
    }
}

ps: sò ke il codice è ridondante e ke potrei tranquillamente farlo in un unica function con paramentri d'ingresso....