html - 在鼠标悬停时展开 DIV/在鼠标悬停时取消展开

Question

我找到了这个问答，

但是当我修改它以供我在这里看到http://jsfiddle.net/6PDEA/4/时，最底部的div不会保持关闭状态。任何人都可以帮忙吗？

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

---

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

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

Answer 1

您的 CSS 错误：

不应该

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

但 ：

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

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