点击一个按钮 下面的内容下拉或者收起。最开始用bootstrap做的,后来要求改需求不要上下运动,要左右
点击按钮 元素显示然后开始横向展开,在点击横向收回。于是想到了JQ,但是JQ自带的slideToggle()跟bootstrap的效果是一样的也是上下展示的。 我又想到了JQ的animate()方法,先让一个元素隐藏,并且宽度为0,点击的时候元素显示宽度伸展为百分之100%,这样效果不就实现了吗? 效果是出来了,但是效果很一般。
谁知道有什么插件可以实现这个效果?或者JS JQ怎么实现这个功能?
大家讲道理2017-04-11 12:52:47
不用js,直接用纯css即可。
改变的时候增加一个class改变宽度,同时设定transition来展示动画效果,
或者用css的animate
网上资料挺多的,建议科学上网后直接Google一下,前几个答案一般都可以参考