Afficher/cacher un div : initialiser caché

Bonsoir,
j'ai un bon script mais je n'arrive pas à faire en sorte que ma div soit caché au départ quand on ouvre la page! Car je veux utiliser le bouton "Modifier mot de passe" pour l'afficher. Vous auriez une idée? merci !

.tran15 {
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -ms-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;  
}
 
.tran2 {
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
}
 
#nav { padding: 1ex; border: 2px solid #aaa; background-color: #ccf; margin: 1em; width: 20em; }
#nav:hover { border: 2px solid #ddd; background-color: #eef; }
#nav h2 { display: inline; vertical-align: middle; }
 
.hide, .show  { display: none;  font-size: 80%; vertical-align: middle; }
 
@media all and (min-width:1px) { .hide, .show  { display: inline; } }
 
a.hide:focus + .show { display: inline; }
.show { display: none; }
a.hide:focus { display: none; }
 
#menu { opacity: 1; height:300px; margin-top: 0em; width: auto; margin-left: -1ex; overflow: hidden; }
a.hide:focus ~ #menu { opacity: 0; height: 0em; }
 
@media print {
.hide, .show  { display: none; }
#nav {position: static; border: none; width: auto;}
#menu {width: auto;} 
}

</style>
<div id="nav" class="tran2">
<a href="#" class="hide">Annuler</a>
<a href="#" class="show">Modifier le mot de passe</a> 
<div id="menu" class="tran15">
<form method="POST" action="/<?php echo $nom; ?>/index.php">
        <p>Nom :</p>
        <input type="text" name="nom" placeholder="<?php echo $nom; ?>">
        <p>Ancien mot de passe :</p>
        <input type="password" name="mdpa">
        <p>Nouveau mot de passe :</p>
        <input type="password" name="nvmdp">
        <p>Confirmer nouveau mot de passe :</p>
        <input type="password" name="nvmdp2">
        <input type="submit" value="Valider" name="submodif">
        </form>
</div></div>

Modifié par to175 (11 Oct 2013 - 00:26)

Hello,

Voici le code, j'ai inversé dans le css et dans le html show/hide http://jsfiddle.net/SvEY8/

Par contre, personnellement, je ferais ça en javascript. La compatibilité serait surement meilleur.