3

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

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

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

任何帮助将不胜感激。

4

3 回答 3

4

您可以尝试使用.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/

于 2013-10-06T04:33:37.037 回答
2

你应该在你的脚本中包含 jQuery UI 并稍微改变你的函数：

$(function(){
$("#content-box").hide(0).delay(0).toggle('slide', {
        direction: 'left'
    }, 1000);
});

这是一个更新的 jsfiddle：http: //jsfiddle.net/N8NpE/4/

于 2013-10-06T04:30:03.203 回答
0

$('#content-box').animate({width: 'toggle'});

http://jsfiddle.net/U7wGt/

于 2013-10-06T04:34:26.590 回答