点击一个按钮 下面的内容下拉或者收起。最开始用bootstrap做的，后来要求改需求不要上下运动，要左右
点击按钮 元素显示然后开始横向展开，在点击横向收回。于是想到了JQ，但是JQ自带的slideToggle()跟bootstrap的效果是一样的也是上下展示的。 我又想到了JQ的animate()方法，先让一个元素隐藏，并且宽度为0，点击的时候元素显示宽度伸展为百分之100%，这样效果不就实现了吗？ 效果是出来了，但是效果很一般。
谁知道有什么插件可以实现这个效果？或者ＪＳ ＪＱ怎么实现这个功能？
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
不用js，直接用纯css即可。
改变的时候增加一个class改变宽度，同时设定transition来展示动画效果，
或者用css的animate
网上资料挺多的，建议科学上网后直接Google一下，前几个答案一般都可以参考