Hover over something for information to appear in another

I have been trying to find ways to to hover over someth开发者_开发问答ing so that more information will appear in a different section. I have been looking at similar questions that were posted but I am still not sure how to do it.

I want "Recently on Sale" to show up first, then as I hover over the others, more information will appear for them respectively. Here is the link to what I have been working on: http://jsfiddle.net/saikirakiva/jVaLd/

I have been using just css, is javascript more suitable for what I am trying to do?

Thank you!

JavaScript is useful because it allows you to delay hiding the second element when the mouse moves away from the first element. This feature is especially important in nested drop down menus, because users frequently leave a menu item for a short time while navigating to its submenu.

you can do it like this: http://jsfiddle.net/mnbayazit/Vhg6p/9/