不期望jQuery UI show（）效果

Question

我试图在show()上重现hide()上相同的比例效果。我使用相同的参数，但效果不一样：

$('.div1').show('scale', {
   direction: "horizontal",
   duration: 1000
});

$('.div2').hide('scale', {
   direction: "horizontal",
   duration: 1000
});

http://jsfiddle.net/AUM6d/305/

Answer 1

您可以使用from属性并达到您想要的效果：

$('.div1').show('scale', {
        direction: "horizontal" ,
        from: { width: "0"}
       },
    1000
);

这样你就告诉它从0宽度开始并从那里扩展。

Fiddle

Answer 2

如果效果可以接受，请尝试：

$('.div1').show('scale', {
   direction: "both",
   duration: 1000
});

$('.div2').hide('scale', {
   direction: "both",
   duration: 1000
});

JSFiddle：http://jsfiddle.net/AUM6d/307/

略有不同，但它确实有效。从我的测试（和jQueryUI演示页面）看起来direction: 'horizontal'是错误的。