Javascript Show/Hide

Bonjour chers programmeurs !

voila j'aimerais pouvoir faire un show/hide sur une partie d'un tableau, j'ai deja la fonction

function hide(identifiant) {
if (document.getElementById(identifiant).className == "hidden") {
document.getElementById(identifiant).className = "visible";
} else {
document.getElementById(identifiant).className = "hidden";
}
}

Je l'appele comme ceci :

<input type="submit" onclick="javascript : hide(scientifique);" value="Scientifque" /></td>

Les element a cacher sont dans : <div id="scientifique" class="hidden" > </div>

Le CSs est le suivant :

#scientifique.hidden {
display: none;
}

#scientifique.visible {
display: inline;
}

Mais la partie du tableau n'est pas caché au départ, et le bouton ne fonctionne pas, j'avoue que je bloque : s quelqu'un pourrait t'il m'aider svp ??