Afficher / Masquer une partie du message

[tchounga04]

Bonjour,

J'ai créé un site sur Blogger et je cherche à faire un lien "Afficher / Masquer la suite", qui afficherait ou masquerait donc une partie de l'artice en cliquant sur le lien.
Après des jours de recherche, je ne trouve nulle par les explications ! Car j'aimerai que la suite du message s'affiche à la suite, et non pas dans une nouvelle fenêtre...

J'aimerai faire comme ici, le lien [+/-] Clip :
http://ziksdumonde.blogspot.fr/
Pour pouvoir afficher ou masquer une partie du message, à la suite (et non un résumé avec un lien qui envoie vers une autre page). Un peu comme le fonctionnement des archives en fait !!

Quelqu'un pourrait-il m'aider svp ?

Ce serait pour mon blog :
http://sarah-ruiz-moto-site.blogspot.fr/
Pour ne pas que toutes les petites images chargent à chaque fois !

D'avance, un grand merci !

 

[tchounga04]

C'est bon j'ai trouvé =D.

Ici pour 3 éléments :

1. Coller le code ci-dessous, juste avant la balise </head> :


<script>
var hide = true;
function showcomment()
{

if (hide)
{
document.getElementById("zonecomment").style.display='block';
document.getElementById("suite1").innerHTML = '<b><u>Masquer</u></b>';
hide = false;

}
else
{
document.getElementById("zonecomment").style.display='none';
document.getElementById("suite1").innerHTML = '<b><u>Afficher la suite...</u></b>';

hide = true;

}
}


function showcomment2()
{

if (hide)
{
document.getElementById("zonecomment2").style.display='block';
document.getElementById("suite2").innerHTML = '<b><u>Masquer</u></b>';
hide = false;

}
else
{
document.getElementById("zonecomment2").style.display='none';
document.getElementById("suite2").innerHTML = '<b><u>Afficher la suite...</u></b>';

hide = true;

}
}


function showcomment3()
{

if (hide)
{
document.getElementById("zonecomment3").style.display='block';
document.getElementById("suite3").innerHTML = '<b><u>Masquer</u></b>';
hide = false;

}
else
{
document.getElementById("zonecomment3").style.display='none';
document.getElementById("suite3").innerHTML = '<b><u>Afficher la suite...</u></b>';

hide = true;

}
}
</script>


2. Code html :

- Elément 1 :

Texte visible à l'arrivée sur la page
<a name="comment"></a><a onclick="showcomment()" style="cursorointer"><div id="suite1"><b><u>Afficher la suite...</u></b></div>
</a>
<div id="zonecomment" style="display:none">
Texte qui peut s'afficher et se masquer
</div>

- Elément 2

Texte visible à l'arrivée sur la page
<a name="comment"></a><a onclick="showcomment2()" style="cursorointer"><div id="suite2"><b><u>Afficher la suite...</u></b></div>
</a>
<div id="zonecomment2" style="display:none">
Texte qui peut s'afficher et se masquer
</div>

- Elément 3
Texte visible à l'arrivée sur la page
<a name="comment"></a><a onclick="showcomment3()" style="cursorointer"><div id="suite3"><b><u>Afficher la suite...</u></b></div>
</a>
<div id="zonecomment3" style="display:none">
Texte qui peut s'afficher et se masquer
</div>