如何使Div内容变得模糊不清

时间:2014-12-18 15:39:34

标签: jquery css jquery-animate

如果这是重复的,似乎很可能,我无法在这里的任何其他地方找到它 - 我看过了!

我有div使用$(#myDiv).animate({width:'toggle'},1000)出现并消失。它工作得很好,但问题在于,随着div扩展和收缩,内容会动态调整,正如人们所期望的那样,因为我只是改变它的宽度。但我想要的是div的内容不要调整大小,以便随着div展开,内容会慢慢显示,并且当它再次收缩时,内容会被隐藏。

我已经创建了一个小提琴here来说明问题。

1 个答案:

答案 0 :(得分:0)

这应该有效:

  <div id="wrapper" style="overflow:hidden">
  <div id="content" style="width: 300px">

以下是您修改过的小提琴:http://www.bootply.com/Tj6NndCDJY

请注意,设置内部div的宽度至关重要,否则内部div将从其缩小的父级继承宽度。