Javascript/jquery幻燈片效果發生在錯誤的地方

Question

我的頁面中有一段合併了jquery幻燈片效果，但div，應該滑入原來的位置滑動得太低，然後彈出到位。我不太確定它爲什麼這樣做。我應該怎麼做才能使div與原來的div在同一架飛機上滑動？下面是我的JS以及一個小提琴的鏈接，所以你可以看到我的意思。謝謝！

http://jsfiddle.net/vYDqC/

$(document).ready(function() { 
$("#content div").hide(); 
$("#tabs li:first").attr("id","current"); 
$("#content div:first").effect("slide", 800); 
var animating = false; 
$('#tabs a').click(function(e) { 
    e.preventDefault(); 
    if ($(this).closest("li").attr("id") == "current"){ 
    return;  
    } 
    else{ 
     if(!animating)    
      $("#content div").hide("slide", {direction: "right"}, 800, function() { animating = true; }); 
      $("#tabs li").attr("id",""); 
      $(this).parent().attr("id","current"); 
      $('#' + $(this).attr('name')).show("slide", {direction: "left"}, 800, function() { animating = false;}); 
    } 
}); 
}); 

Answer 1

我與jQuery的滑動效果之前有這個問題。嘗試將position: absolute添加到您的.con課程中。然後你需要添加width: 100%來填寫父div。

http://jsfiddle.net/vYDqC/2/