隐藏div与方向和持续时间的问题

Question

请你看看这个鳕鱼，让我知道为什么我无法隐藏#legend 通过这种方式？

$("#icon").on("click",function(){
   $("#legend").hide('slide', {direction: 'left'}, 1000);
});

我也尝试了动画方式，但它也没有用。感谢

Answer 1

您可以使用animate()方法

$('#legend').animate({width: '0'}, 1000, function(){
 $(this).hide();
});

检查Demo。

Answer 2

我认为你错误地使用了语法..试试吧，

$(selector).hide(speed,easing,callback);

请参阅jQuery文档here ...

我在这里更新了fiddle ...请检查一下..

提示：这里回调是一个在动画完成后执行的函数。但它不是强制性的..你也可以保留这个参数..

使用jQuery UI动画更新了Fiddle here ...