使用带有jQuery的toggleClass时css3转换不起作用

时间:2016-12-07 20:43:23

标签: javascript jquery html css css3

我试图用jQuery制作可折叠的内容。我几乎"做到了,但问题是过渡。崩溃一直在应用,没有过渡。

ps:我尝试了其他元素,如切换,添加/删除类,隐藏/显示......其中任何一个都有效。

上面是我在pastebin中的完整代码:

http://pastebin.com/gw6Zm3Ey

1 个答案:

答案 0 :(得分:1)

你无法设置height:auto;动画,你需要设置一个静态高度来转换(你还需要删除overflow: visible;,或者只要应用了这个类,所有内容都会变得可见 - 你无法动画溢出。)

这是demo fiddle

要解决这个问题,人们通常会使用jquery的slideToggle()来动态获取高度然后为其设置动画。我会调查那个