Afficher/masquer du texte sur clic

Bonjour à tous,

Je suis en train de créer le site d'une petite entreprise, et un problème se pose : j'ai piqué ce bout de code javascript quelque part où il fonctionne comme je le souhaiterais, sauf que chez moi, pas de bol, il fonctionne pas (bien)!

En fait je souhaiterais que tout le texte soit masqué lorsque la page s'ouvre, et qu'il ne se dévoile que lorsque l'on clique sur un de liens. Or, tout est affiché quand la page s'ouvre. Une fois le lien cliqué pas de problème tout se masque sauf celui que je veux, donc impeccable. Mais je voudrais que tout soit masqué au chargement.

Merci d'avance pour votre aide, je vous colle le script en dessous.

Bonne journée à tous.

Quentin
------------------------ le javascript ---------------------------

<script>
function map(id,param) {
   var itm = null;
   if (document.getElementById)
   {
    itm = document.getElementById(id) ;
   }
   else if (document.all)
   {
    itm = document.all[id];
   }
   else if (document.layers)
   {
     itm = document.layers[id];
   }
   
 if(param=='off')
    {  itm.style.display = "none" ; }
 else {  itm.style.display = "block" ; }
}
</script>

-------------------------- le html ------------------------------

<a href="javascript:map('zip1','on');javascript:map('zip2','off');" class="rouge">texte 1</a>
  <div class="bloc" id="zip1">
    <p>
bla bla bla texte 1
    </p>
  </div>

<a href="javascript:map('zip2','on');javascript:map('zip1','off');" class="rouge">Texte 2</a>
  <div class="bloc" id="zip2">
    <p>
bla bla bla texte 2
    </p>
  </div>