Faire apparaitre un div

Bonjour,

je suis actuellement en train de faire mon site et je veux faire une petite zone pour afficher le contrat a l'inscription, ce contrat je l'ai placé dans un div, au debut j'ai défini dans la feuille de style que le div etait invisible et je veux que le lancement de ma fonction en javascript fasse afficher ce div; j'ai beau essayer de m'aider sur les codes déja exisant a ce sujet rien ne marche, si vous pouviez m'aiguiller sa serrait sympa,

voici une partie du contenu de la page html

En cochant cette case j'accepte les <a href="#" onClick="inscript"><u>conditions d'inscription au site</u></a> dans leur int&eacute;gralit&eacute;.<br>
</fieldset>
<div id="contrat" class="divinfo">blablabla</div>

et le style.css

.divinfo
{
border: #afd3eb 1px solid;
background-color: #efefef;
visibility: hidden;
}

Merci d'avance.

j'ai pas d'erreur dans la page par contre il affiche pas le div, mais c'est ptetre aussi parce que ma feuille de style est pas dans la page index mais que je fais <link href="style.css" rel="stylesheet" type="text/css" /> pour l'importer

:s comment je pex faire

merci ca marche convenablement, cependant une derniere question d'ordre graphique, lorsque je met mon div comme ci dessous il est bien invisible par defaut (normal la visibility est en hidden dans le style.css) cependant l'espace du div est pris en compte, ce qui veux dire que le bouton submit est vraiment très bas vu qu'il garde l'espace pour le div,

moi je voudrai qu'on ne voit pas cet espace mais que le div se mette entre le dernier champ et le submit...

</fieldset>
<a name="contr">
<div id="contrat" class="divinfo"><textarea name="texte" readonly="readonly" cols="75" rows="7" class="texte">contrat</textarea>
</div><br /></a>
<input type="submit" id="bouton" name="bouton" class="bouton" value="Envoyer" disabled="disabled">
</form>

Merci d'avance