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

Question

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

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

我遇到的问题是：

1. 让孩子div（.details）成为唯一一个不显示所有.details元素的人。 一个。让它相对于悬停元素显示，而不是绝对位置。
2. 点击时取消悬停功能，以便可以导航div细节而不会消失。

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

Answer 1

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

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

请参阅解决方案：http://jsfiddle.net/pssuT/2/