Jqueryスライド効果を組み込んだページのセクションがありますがdiv
、元の場所にスライドするはずのセクションが低すぎて、所定の位置にポップします。なぜこのように動作しているのかよくわかりません。div
元のスライドと同じ平面上に新しいスライドを作成するにはどうすればよいdiv
ですか?以下は私のJSとフィドルへのリンクですので、私が正確に何を意味するのかがわかります。ありがとう!
$(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;});
}
});
});