✔ jQuery / jQueryUI slide

[Zack]

Guten abend Community,

ich habe folgenden Code mit Hilfe von jQuery und jQueryUi geschrieben:

var posObj ={
     "height" : function(obj){
               var top  = (($(window).height() - obj.height())/2) + "px";
               obj.css({"top": top});
     },
     "width" : function(obj){
               var left = (($(window).width()  - obj.width() )/2) + "px";
               obj.css({"left":left});
     },
     "center": function(obj){
          this.height(obj);
          this.width(obj);
     }
};

function showMargin(){
     margin = $("#margin");
     posObj.height(margin);
     var slideTime = "slow";
     margin.show('slide', {direction: 'left'}, slideTime, function(){
          var left = (($(window).width()  - margin.width() )/2) + "px";
          margin.animate({"left":left}, slideTime);
     });
}

dieser soll mir einfach ein div rein schieben und dann weiter in die Mitte des Bildschirm schieben. Das div hat einfach die id="margin". Soweit funktioniert es auch, aber: es ist einer merkliche Pause zwischen den Effekten. Die Frage ist: kann ich das auch mittels einer Funktion. Also .show() oder .animate() machen?
Die Sache ist ja das .show() das Div zwar" reinschiebt" aber nicht zentriert. Andersrum kann .animate() nur verschieben.

Ich habe auch keine Vorstellung die die .show() Funktion wirklich funktioniert. Kann mich jemand erleuchten? ;D

mfg Ra7or

 

[Zack]

Ok habs alleine gelöst...