petit problème code html accordéon

[Alpes Eco Matériaux]

Bonjour à tous 

Voila je rencontre un petit probleme dans un code html .

Je voudrai que à l'affichage de ma page une partie de mon texte soit masqué avec possibilité de l'affiche en cliquant sur un lien .

Mais avec mon code mon texte est affiché d'office à l'ouverture de la page je voudrai inverser le phénomène .

voici le code source html :

<p>TEXTE EN DURETEXTE EN DURETEXTE EN DURETEXTE EN DURETEXTE EN DURETEXTE EN DURETEXTE EN DURETEXTE EN DURE</p>

<p>

<script type="text/javascript">// <![CDATA[

function afficherPara(para)

{

if(document.getElementById(para).style.display == 'none')

document.getElementById(para).style.display = 'block';

else

document.getElementById(para).style.display = 'none';

}

// ]]></script>

</p>

<h3 id="titre1" onclick="afficherPara('paragraphe1');">archive</h3>

<p id="paragraphe1">Le bassin est une des composantes de l’art du jardin japonais. Les fondements de cet art proviennent essentiellement du culte Shinto, la plus ancienne religion du Japon, un mode de vie à part entière, qui repose sur de vastes concepts d'<strong>harmonies entre l'homme et la nature</strong>.<br /> Trois éléments principaux cohabitent dans le jardin sous différentes formes pour exprimer le <em>fuzei</em>, émotion poétique du paysage évoqué : le végétal, le minéral et l'eau. <span class="Style7">L'eau</span>, de nature Yin, qu'elle soit sous forme de cascades, de ruisseau ou d'étang, tient une place prépondérante dans le jardin japonais, métaphore de son paysage. L'archipel du Japon est un pays balayé par la mousson au Sud et soumis à de fortes chutes de neige au Nord.</p>

 

merci par avance pour votre aide.