javascript - JQ的slideToggle()是上下运动，如何左右运动？

Question

点击一个按钮 下面的内容下拉或者收起。最开始用bootstrap做的，后来要求改需求不要上下运动，要左右
点击按钮 元素显示然后开始横向展开，在点击横向收回。于是想到了JQ，但是JQ自带的slideToggle()跟bootstrap的效果是一样的也是上下展示的。 我又想到了JQ的animate()方法，先让一个元素隐藏，并且宽度为0，点击的时候元素显示宽度伸展为百分之100%，这样效果不就实现了吗？　效果是出来了，但是效果很一般。
谁知道有什么插件可以实现这个效果？或者ＪＳ　ＪＱ怎么实现这个功能？

Answer 1

不用js，直接用纯css即可。

改变的时候增加一个class改变宽度，同时设定transition来展示动画效果，

或者用css的animate

网上资料挺多的，建议科学上网后直接Google一下，前几个答案一般都可以参考