使用.toggle（）向上/向下滑动隐藏Div的问题

Question

请你看一下这个JSFIDDLE样本，我试图在鼠标悬停时从下到上创建一个隐藏div的平滑动画。正如你可以看到div从左下角出现，但我想从下到上制作动画。我试图使用animate（），但我不知道如何更改隐藏的div雕像？ 这是我正在使用的代码：

$(document).ready(function() {
  $('#handler').hover(function(){$('#hidden').toggle(1000)});
});​

请告诉我如何使用jQuery easing插件进行类似的操作？  感谢

Answer 1

尝试使用slideToggle代替toggle

http://jsfiddle.net/CGbCv/2/

.slideToggle()方法可以设置匹配元素的高度。这会导致页面的下半部分向上或向下滑动，从而显示或隐藏项目。如果最初显示该元素，如果隐藏它将为hidden;，它将显示。将根据需要保存和还原display属性。如果元素的显示值为内联，则隐藏并显示，将再次显示inline。隐藏动画后高度达到0时，显示样式属性设置为无，以确保该元素不再影响页面布局。

http://api.jquery.com/slideToggle/