Afficher/masquer un élément en javascript

Bonjour,

J'ai trouvé un tutoriel me permettant d'afficher et de masquer un tableau en cliquant sur un bouton "suite...", exactement comme sur ce lien http://www.az-sante.com/
(dans la rubrique "derniers commentaires" à droite)

Cela fonctionne très bien, mais je souhaiterais que le bouton "suite..." se nomme "réduire..." une fois que le tableau est affiché pour le réduire.
Savez-vous ce que je dois rajouter ou modifier pour y parvenir?

Voici le code javascript que j'ai entré dans ma page

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

   if (hide)
      {
         document.getElementById("zonecomment").style.display='block';
         hide = false;

      }
      else
      {
         document.getElementById("zonecomment").style.display='none';
         hide = true;

      }   
}
</script>

et le code html

<a name="comment"></a>
                  <a onclick="showcomment()" style="cursor:pointer">
				  
				  
                     <div id="suite1">
                        <b><u>Suite ...</u></b>
                          </div>
                       </a>

suivi de

<div id="zonecomment" style="display:none">
mon contenu qui peut s'afficher et se masquer
</div>

Merci par avance