为了账号安全,请及时绑定邮箱和手机立即绑定

求解释左边例题的实现机制

http://img1.sycdn.imooc.com//5607840f0001bd2603830402.jpg

div不是块级元素么?为什么两张图片能在同一位置显示?

正在回答

3 回答

就是两个普通的div,分别在上下,仅仅将第二个div 的 display设置为 none。

第一次点击后,第一个div的slideToggle()后,第一张图片向上滑动,滑动结束后立即执行第二个div的 slideToggle(),此时第二个div是从上向下滑动出来的。

第二次点击 则是 执行的第二个div的函数。

感觉 slideToggle()的作用就是 向上隐藏,向下浮现。翻译成css的语言就是 向上移动则将元素display设置为none,

向下移动则将元素设置为block。

自己动手,丰衣足食。

2 回复 有任何疑惑可以回复我~
#1

玻璃泡沫

第2个div加上display:none,瞬间懂了。感谢!
2015-11-25 回复 有任何疑惑可以回复我~

可能是两张图片本来就在同一个地方放着啊,都设置了position为absolute,这就脱离了文档流,浮动在上层,设置display对其中某张图片进行了隐藏吧

0 回复 有任何疑惑可以回复我~

当一个图片被slideUp完成时实质就是隐藏了,所以另外一张图片可以在他的位置slideDown,不知道这样明不明白

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

求解释左边例题的实现机制

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信