javascript - 使用 jQuery 从右向左滑动 DIV

Question

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

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

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

任何帮助将不胜感激。

Answer 1

您可以尝试使用 .animate() 而不是 .hide() 和 .show()。这将使您能够更好地控制一切。

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

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

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

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