JavaScript jQuery-Animation läuft nicht

[Snooty]

Hio,

ich habe folgendes Script, dass früher immer problemlos lief. Jetzt tut sich nichts mehr (keine Animation, aber auch kein Fehler). Ich hatte damals vermutlich eine ältere jQuery-Version, jetzt die aktuellste.

Es soll nur ein Hintergrundbild nach links verschoben werden. Die zweite Zeile mit dem .animate() tut nichts - der Rest danach aber schon:

$("div.boxb").mouseover(function(){
  $(this).find(".titelb").stop().animate({backgroundPosition:"(-340px 0)"}, {duration:300})
  $(this).find("ul").css("display", "block")
  $(this).css("background", "none")
});

Beim Mouseout käme dann wieder eine Animation (die ich aktuell nicht sehe); auch hier läuft der Rest vom Script ohne zu meckern:

$("div.boxb").mouseout(function(){
  $(this).find("ul").css("display", "none")
  var pfad = 'url(/images/box/' + this.id + '.png)';
  $(this).css({"background-image": pfad, "backgroundPosition": "50% 45%", "backgroundRepeat": "no-repeat"})
  $(this).find(".titelb").stop().animate({backgroundPosition:"(-640px 0)"}, {duration:200, complete:function() {
    $(this).css({backgroundPosition: "0 0"})
  }})
});

Weiß jemand, was da hakt?

 

[savuti]

Hast du vllt. etwas an den Klassen geändert? Das sieht eigentlich sauber aus. Was hindert dich daran das in reinem CSS umzusetzen?
Ein Link wäre nicht schlecht...

 

[Snooty]

Ich habe den ganzen Code nur von meiner alten auf meine neue Seite kopiert - das drumherum hat sich geändert, und eben die jQuery-Version. An den Boxen selbst nichts.

Zu sehen ist es hier: www.halbleiter.org

Hier sich sollte in jeder Box der graue Balken im Titel beim Maushover nach links bewegen.

An CSS hindert mich nichts - außerdem dem Wissen, dass das geht Werde es mal testen.


edit: CSS klappt wunderbar, danke für den Tipp