Javascript CSS3-使用过渡的可变高度手风琴

我编写了两个基于jQuery的小脚本，一个是accordions，另一个是tabs，但后来我意识到它们是一样的：在其他选项卡中获取单击的选项卡的索引，并且只显示在内容中具有相同索引的内容

但两者之间有一个恼人的区别：动画。虽然选项卡仅使用“显示”属性，但手风琴需要设置内容块高度的动画

问题是无法从高度设置动画：0；到高度：auto；。有一种不同的方法，使用最大高度，正如[这个]其他SO问题中所描述的，但我并不真正喜欢这个解决方案，因为它是硬编码的，并不总是有效

有没有一种方法可以在不使用最大高度或javascript的情况下，将块的高度从0设置为其内容高度

---

谢谢你的帮助

否。CSS转换只能从一个值（或没有表示零值的值）转换到另一个值。它们不能从一个值（或零值）变为非零的待定值。

最大高度有什么问题？每次都适合我。你必须提供最大尺寸。如果你把它放得太大，动画会很快，但是如果你把它放得太小，一些长的内容会被部分隐藏。我想编写一些不必关心内容大小的代码。@请在发布无用链接之前阅读问题……我告诉你，在你的条件下（没有JS和最大高度），没有解决办法。这是唯一的答案。