JQ的slideToggle()是上下运动,如何左右运动?
点击一个按钮 下面的内容下拉或者收起。最开始用bootstrap做的,后来要求改需求不要上下运动,要左右
点击按钮 元素显示然后开始横向展开,在点击横向收回。于是想到了JQ,但是JQ自带的slideToggle()跟bootstrap的效果是一样的也是上下展示的。 我又想到了JQ的animate()方法,先让一个元素隐藏,并且宽度为0,点击的时候元素显示宽度伸展为百分之100%,这样效果不就实现了吗? 效果是出来了,但是效果很一般。因为文字本身有宽度,就算把父容器宽度设置为0,文字还是会撑开一部分空间,也就是实际效果不是从百分之0开始展开的
谁知道有什么插件可以实现这个效果?或者JS JQ怎么实现这个功能? |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
jquery 的toggle()方法就是左右展开!
slideToggle()上下展开! |
|
|
|
|