[jQuery] Hover Problem

[Gunzi]

Ich habe ein Problem mit dem hover effekt, die navigation sollen kleine "Streifen" sein von denen man nur die Spitze sieht bevor man mit der Maus darüber fährt.

-.- Wieso kann ich in dieses Feld nichts per Strg+C und Strg+V kopieren?

Hab es nun mal auf http://www.danielblue.de hochgeladen :)

 

[Asterixus]

Du führst die Funktion animate nicht in einem Callback aus. Bei dir ist der Callback sozusagen der zurückgegebene Wert von animate().

$("div#nb3").hover(function() {
  $("div#nb3").animate({marginLeft: "0px"}, 150);
});

 

[Gunzi]

Danke :)
Jetzt klappt alles super.
Könnte man es auch so machen, dass der Streifen sich wieder einfährt wenn man mit der Maus wieder weg ist?

 

[Asterixus]

.hover() – jQuery API
Laut der Dokumentation müsstest du in der hover-Methode als zweiten Parameter die mouseout-Callback-Funktion angeben.

$("div#nb3").hover(function() {
  $("div#nb3").animate({marginLeft: "0px"}, 150);
},
function() {
  $("div#nb3").animate({marginLeft: "-130px"},150);
});

</span></span>

 

[Gunzi]

Danke für die Hilfe

Hab schon ein neues Problem, ich will den Hauptbereich dynamisch machen, das mach ich mit folgendem Code:

width = screen.width;
$(document).ready(function() {
  $("div#centercontent").fadeOut(500, function() {
    $("div#centercontent").css({
      width: (width-400)+"px"
    }, function() {
      $("div#centercontent").fadeIn(500);
    });
  });
});

Hab es mir mal in Firebug 1.7X.0a9 angeschaut, der Code macht alles richtig, nach dem .css ist die breite auch gesetzt, allerdings will .fadeIn die box dann nicht mehr einblenden, wo liegt mein fehler :shock: ?

Danke im Vorraus :)

EDIT: Gelöst:

width = screen.width;
$(document).ready(function() {
  $("div#centercontent").fadeOut(500, function() {
    $("div#centercontent").css({
      width: (width-400)+"px"
    });
    $("div#centercontent").fadeIn(500);
  });
});