Jquery - Jumping Image

[weedo]

Hi,

ich suche gerade einen Lösungsansatz, wie ich mit einem Klick auf ein Bild dieses springen lassen kann.

Mein Gedanke war folgender:

Ich habe das Bild in einer Tabelle:

                <td id="tabelleBild" width="64" height="64">
                  <div id="nameBild" align="center" class="dockbarDiv" style="display: none;">Bild</div><br>
                  <img src="sys/img/Bild.png" width="64" height="64" id="Bild" />
                </td>

Nun dachte ich mir, dass es doch ganz leicht so gehen sollte:

  $('#Bild').click(function(){
    $('#Bild').animate({
      top: '-40'
    }, 100, function(){
      $('#Bild').animate({
        top: '+40'
      }, 100, function() {

      });
    });
  });

Pustekuchen! Es bewegt sich nichts

Jemand eine Idee, wie ich diese Animation zum laufen bekomme?

Lg weedo

P.S.: Bitte Tippfehler im Code nicht beachten...Hab das gerade mit dem Handy getippt =D