使用 jQuery 单击时显示相对于悬停元素的隐藏 div答案

【问题标题】：Show a hidden div relative to the hovered element on click with jQuery使用 jQuery 单击时显示相对于悬停元素的隐藏 div
【发布时间】：2012-05-02 15:51:10
【问题描述】：

我试图让一个隐藏的 div 显示相对位置（直接在悬停的 div 的右侧。）

在小提琴上，当光标悬停在 div 上时，它会放大并重新定位。我想要实现但无法弄清楚...是如何仅显示 'this' 元素的 div 详细信息，相对于悬停的 div。

我遇到的问题是：

让子 div (.details) 成为唯一一个不显示所有 .details 元素的元素。一种。让它相对于悬停的元素显示，而不是在绝对位置。
取消点击鼠标悬停功能，让div详情导航到不消失。

小提琴：http://jsfiddle.net/pssuT/1

【问题讨论】：

标签： jquery

【解决方案1】：

要使详细信息绝对位于包含元素的右侧，您可以将position:relative 添加到父元素，将position:absolute; left:100% 添加到子元素。

要让点击后的状态保持不变，您可以在点击时添加一个类并在悬停函数中检查它。

查看解决方案：http://jsfiddle.net/pssuT/2/

【讨论】：

绝对正确。谢谢！ :)