jQuery:从上到下切换('慢速')动画

jQuery: toggle('slow') animation from top down?

本文关键字:动画 慢速 从上到下 jQuery      更新时间:2023-09-26

在我的代码中,我使用jQuery的toggle('slow')动画来使隐藏的div出现/消失。它从左上角向右下角展开。

我如何使它从上向下扩展(没有从左到右的增长)?

您可以使用.slideToggle('slow')

工作演示

尝试.slideDown('slow')。请注意,这只适用于向下滑动(显示)和向上滑动(隐藏)。对于更复杂的东西,您正在从jQueryUI中查找.animate(...)或其他东西。

您可以使用jQuery的.animate(http://api.jquery.com/animate/)相反。这样,您就可以在展开前后设置CSS属性,并且只更改高度。

尝试使用onclick$('#div-ID').thoggle('slow');return false

就像这样:<a onclick="$('#DIV-ID').toggle('slow'); return false;">DROP DOWN</a>