Javascript 在鼠标上方展开div。（扩展到左侧或右侧）

这是一项后续行动：

我想在悬停状态下添加更多内容。比如说“正常”（w:100px，h:100px）有一个50px（w/h）的图像，图像中心有一个小的中心标题悬停（w:300px，h:100px）与“正常”相同，但它可以在图像和标题的左侧展开，也可以在右侧展开，而在另一侧有更多内容

我该怎么做呢

---

哈雷

试试这个：

.myDiv .hoverContent {
    display: none;
}
.myDiv:hover .hoverContent {
    display: block;
}
.myDiv:hover img {
    float: left;
}

---

我是通过.js来做这件事的，这就是我到目前为止所得到的。我很难找出哪里出了问题，当你看到它时，你就会知道我在说什么。@Harley-是的，用JavaScript制作动画。您仍然可以使用纯CSS来显示和隐藏内容：谢谢您的帮助。我很困惑。非常感谢。我也想表达我的感谢。我有一个比你在这里摆弄的更复杂的布局，但这基本上是我需要做的主要本质。而且做得很干净。非常感谢。