2 dykcsdn dykCSDN 于 2016.03.23 11:55 提问

jquery的slideToggle问题

jquery的slideToggle实现的是向下显示,向上隐藏,我想实现相反的效果(向下隐藏,向上显示)怎么做呢图片说明

1个回答

xionglangs
xionglangs   Rxr 2016.03.23 12:06

这个方法只是点击显示的隐藏,隐藏的显示,并不跟方位关联,只是关系显示和隐藏,方位你要根据css的定位实现效果。

xionglangs
xionglangs http://jingyan.baidu.com/article/afd8f4de6f50c634e286e92e.html自己看下定位,把要隐藏的放在下面,显示的放在上面。
2 年多之前 回复
dykCSDN
dykCSDN 哦,请给一个简单的例子,可好?
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
关于jquery的slideToggle()效果重复使用的问题
关于jquery的slideToggle()效果重复使用的问题 原地址:http://bbs.blueidea.com/thread-3038155-1-1.html /jquery/1.4.0/jquery.min.js"> $(document).ready(function(){ $(".nav_title").click(function()
JQuery slideToggle闪烁问题及解决办法
      近期进行的一个项目中,对侧边的菜单栏进行操作,为了达到缓慢隐藏或者出现的效果,选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中,可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时,尤其下拉菜单关闭时,会在关闭的末尾,突然复现一下,造成侧边栏上下跳动的现象,很明显,这样的效果是需要改进的。      在网...
扩展JQuery中的slideToggle()方法
一、 slideToggle()方法     作用:可以方便的控制文本框的上下缩放(就是Y方向上变大,变小)。      缺点:不能指定缩小的最小值,也不能指定放大的最大值。                   解释:缩小的时候,slideToggle() 使用的Y值为0,也就是缩小到0,不能让开发者自由指定最小值;放大时,使用的是被伸长控件的height值,也不能让开发者指定除heig
解决slideToggle动画重复不停止
方法:stop()。 .stop 是jQuery中用于控制页面动画效果的方法。运行之后立刻结束当前页面上的动画效果。 stop在新版jQuery中添加了2个参数: 第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果,一般为false,跳过当前动画效果,执行下一个动画效果; 第二个参数是是否将当前动画效果执行到最后,意思就是停止当前动画的时候动画
【实例】使用jquery自带的slideToggle由上到下缓缓加载图片
引出 上一篇博文是使用canvas逐条输出像素来实现从上到下缓缓输出图片,今天睡了一晚,想起以前学jquery的时候原版的库中就有显示和隐藏的方法。而且相当于canvas显示图片,jquery是相对简单的。只需要提前下好jquery就行 实现 在线演示 window.onload = function() { var myCanva
Table中采用JQuery slideToggle效果的问题
例子如下: 需求:用JQuery实现,点击最上边的粗加号时,对所有含有子表的Tr进行展开,点击 + 号时,只对当前Tr的子Table内容的动态隐藏和显示; 问题:JQuery的slideToggle() slideUp() slideDown()是不支持在表格的tr上使用滑动效果的,所以不能通过 $(TrDom).slideToggle()来实现滑动 解决方法:把子Table
遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
说明 jQuery 可以通过调用 animate 方法添加动画效果, 而且还提供了一套别名, 使用起来很是方便. 其中 slideDown和 slideUp 两方法的作用是纵向展开和卷起一个页面元素, 被使用的几率很高, 却一直存在一个小问题. 如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行, 相当不美观 演示页面中有一个按钮, 请用鼠标迅速
浅谈jQuery之show(),hide(),toggle(),slideToggle()用法及区别
show(),hide(),toggle(),slideToggle()是jQuery中基本的动画函数,show()
jquery slideToggle() 效果
slideToggle()函数用于切换所有匹配的元素,并带有滑动的过渡动画效果。 所谓"切换",也就是如果元素当前是可见的,则将其隐藏(向上滑动);如果元素当前是隐藏的,则使其显示(向下滑动)。 做了一个展开闭合的效果,现在默认效果为展开的,目前修改为闭合 $(document).ready(function(){ $("#con").mouseover(function(){
jq的slideToggle()在ie8里遇到bug:下盒子的margin—top失效,margin-top塌陷解决方法
实现效果,点击box.head,用jq实现slideToggle上下滑动box.body,我的代码如下: 第1部分 什么叫交互动效?