prova a studiarti questo... fa esattamente la stessa cosa ma in verticale
codice:
<html>
  <head>
    <script type="text/javascript">
      function Vai() {
        var objProva   = document.getElementById("prova");
        var objFreccia = document.getElementById("freccia");
        
        if (objProva.style.display == "block") {
          objProva.style.display = "none";
          objFreccia.src = "freccia_su.jpg";
        }
        else {
          objProva.style.display = "block";
          objFreccia.src = "freccia_giu.jpg";
        }
      }
    </script>
  </head>
  <body>
    <div id="prova" style="display:none;">testo da nascondere</div>
    [img]freccia_su.jpg[/img]
    <div style="height:1000px; border:1px solid red;">bla bla</div>
  </body>
</html>