鼠标悬停时展开 DIV / 鼠标移出时取消展开

Question

我找到了这个问答，

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

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

---

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

修复底部 DIV 问题。我刚刚在其下方添加了另一个 DIV，其中包含一个尺寸为 785（宽）x 30（高）的空白图形。

Answer 1

你的CSS是错误的：

它不应该是

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

但是：

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

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