如果这是重复的,似乎很可能,我无法在这里的任何其他地方找到它 - 我看过了!
我有div
使用$(#myDiv).animate({width:'toggle'},1000)
出现并消失。它工作得很好,但问题在于,随着div
扩展和收缩,内容会动态调整,正如人们所期望的那样,因为我只是改变它的宽度。但我想要的是div
的内容不要调整大小,以便随着div
展开,内容会慢慢显示,并且当它再次收缩时,内容会被隐藏。
我已经创建了一个小提琴here来说明问题。
答案 0 :(得分:0)
这应该有效:
<div id="wrapper" style="overflow:hidden">
<div id="content" style="width: 300px">
以下是您修改过的小提琴:http://www.bootply.com/Tj6NndCDJY
请注意,设置内部div的宽度至关重要,否则内部div将从其缩小的父级继承宽度。