Toggle anpassen, aber wie?

Hallo,

ich habe hier ein Toggle Effekt, welchen ich mir zusammengebaut habe. Aber da ich von JavaScript keine Ahnung habe und mir daher dieEffekte immer anschauen muss - als Tourtual u.ä. und hier aber nicht weiter kommemöchte ich euch bitten mir zu helfen. Danke.

<script src="http://code.jquery.com/jquery-latest.js"></script>

[FONT=Calibri][size=12][COLOR=#000000]<script type="text/javascript">
    $(document).ready(function() {
      $("#box img").mouseover(function(){
        $(this).toggle("slow");
        $("#maske").toggle("slow");
      });
      $('#box #maske').mouseout(function(){
        $("#box img").toggle("slow");
        $(this).toggle("slow");
      });
    });
  </script>[/COLOR][/SIZE][/FONT]

<div id="box"><div id="maske" style="display:none"><p>Sie wollen ihre Fotos ihren Kunden in einer Fotogalerie pr&auml;sentieren? Dann hat CO-Design genau das richtige f&uuml;r Sie. Eine auf Ihre W&uuml;nsche und Bed&uuml;rfnisse erstellte und  f&uuml;r Ihre Fotos abgestimmte Webseite wartet auf Sie. </p></div><img src="bilder/foto.png" class="bild" /></div>

Auf der Seite ist zu sehen wie es jetzt ist.
Ich möchte das aber nicht so, sondern, das das Bild nachunten geht und so der Text sichtbar wird. Und bei mouseout wieder nach obenkommt. Vielen Dank für eure Hilfe.


Liebe Grüße
Andre