0

您能否看一下这个JSFIDDLE示例，我正在尝试在鼠标悬停时从下到上创建隐藏 div 的平滑动画。如您所见，div 从左下角出现，但我想从下到上对其进行动画处理。我尝试使用 animate() 但我不知道如何将隐藏的 div 雕像从隐藏更改？这是我正在使用的代码：

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

你能告诉我如何使用 jQuery 缓动插件来做这样的事情吗？谢谢

4

1 回答 1

4

尝试slideToggle代替toggle

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

该.slideToggle()方法对匹配元素的高度进行动画处理。这会导致页面的下部向上或向下滑动，似乎显示或隐藏项目。如果元素最初是显示的，它将是hidden;隐藏的，它将被显示。根据需要保存和恢复显示属性。如果一个元素的显示值为 inline ，则被隐藏并显示，它将再次显示inline。当隐藏动画后高度达到 0 时，显示样式属性设置为 none，以确保元素不再影响页面的布局。

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

于 2012-11-26T22:49:28.930 回答