How to show an absolutely positioned sibling div on hover using jQuery?
<p>I have a grid of images with accompanying info in a sibling div that needs to show when the image is hovered over, then disappear when the cursor is off the image. I've looked at several similar questions here but none really have worked for what I need exactly.</p>

<p>It's for a site I've inherited that uses a different JS library that I'm switching to jQuery but I'm having a tough time figuring this out as I'm still learning jQuery.</p>

<p>I've set up the HTML &amp; CSS here: <a href="http://jsfiddle.net/EQ2fG/" rel="nofollow">http://jsfiddle.net/EQ2fG/</a></p>

<p>There's a screenshot of what I need here: <a href="http://cl.ly/JZkK" rel="nofollow">http://cl.ly/JZkK</a></p>

<p>So on hover, the sibling div (.property_info) needs to display to the right of the image div (.property), but the ones for the last two in each row need to display to the left so it stays within the container/wrapper div. Keep in mind that the data will be dynamically generated.</p>

<p>I hope that makes sense. Any help would be really, really helpful.</p>

<p>Thank you!</p>
