jQuery:从上到下切换('慢速')动画
jQuery: toggle('slow') animation from top down?
在我的代码中,我使用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>
相关文章:
- 如何识别我的网站中的慢速设备
- 使用优化器在慢速连接上加载main.js时需要js超时
- jQuery:从上到下切换('慢速')动画
- 包含的文件中引发引用错误..除非调用文件包含慢速代码
- 在cordova 4 iOS中,慢速键盘/选择选择器进行响应
- 仅使用Chrome进行慢速图像绘制
- PhoneGap HTML慢速动画
- 在慢速网络上,上一个Ajax请求会被下一个取消
- 使用带有“慢速”选项的切换时功能中断
- 优化慢速搜索算法 - javascript,JSON和本地存储
- Angular2 本地开发中的慢速自动页面刷新 - Windows.
- 如何插入在后台运行的慢速 ajax 请求
- 涡轮链接:Rails 4 显示慢速页面进度的方式是什么?
- 如何模拟慢速Meteor出版物
- 慢速jQuery动画-更改宽度
- 萤火虫或铬“;慢速播放”;或“;动画步进”;
- 慢速画布粒子动画
- Chrome中的慢速JavaScript动画
- jQuery动画的慢速/无响应动画
- 显示使用AngularJS加载慢速脚本的动画