在鼠标悬停时展开 DIV/在鼠标悬停时取消展开答案

【问题标题】：Expanding DIV on mouseover / un-expands on mouseout在鼠标悬停时展开 DIV/在鼠标悬停时取消展开
【发布时间】：2011-08-03 16:33:29
【问题描述】：

但是当我修改它以供我使用时，如http://jsfiddle.net/6PDEA/4/ 所示，最底部的 div 不会保持关闭状态。有人可以帮忙吗？

编辑：第一个答案修复了“加载时扩展”问题，但不是最底层的 DIV

编辑 2：最终工作代码：http://jsfiddle.net/6PDEA/5/

修复了底部 DIV 问题。我刚刚在其下方添加了另一个 DIV，其空白图形大小为 785w x 30h。

【问题讨论】：

【解决方案1】：

你的 CSS 错误：

不应该是

div#fp-cat {
   height: 30px;
   width: 785px;
}

但是：

div.fp-cat {
   height: 30px;
   width: 785px;
}

因为fp-cat是各种div共享的类...

【讨论】：