使用 jQuery 从右向左滑动 DIV

我使用 jQuery 代码在加载时从左到右对 div 进行动画处理，然后通过单击关闭按钮，div 从右到左隐藏。它工作正常，只是不是水平地从左到右，而是对角线。我究竟做错了什么？这是我正在使用的代码的示例http://jsfiddle.net/N8NpE/2/ http://jsfiddle.net/N8NpE/2/

$(function(){
    $("#content-box").hide(0).delay(0).show(500);
});

$(function(){
    $("#ClosePanel").click(function () {
        $("#content-box").hide("slow");
    });
});

任何帮助将不胜感激。

你可以尝试使用.animate()代替.hide() and .show()。这将使您对一切有更多的控制权。

$("#content-box").animate({'width': 240},500);

要关闭，请包含一个回调函数以在动画结束后将显示设置为无：

$("#content-box").animate({'width': 0},500,function(){
       $("#content-box").css('display','none');
});

http://jsfiddle.net/N8NpE/6/ http://jsfiddle.net/N8NpE/6/