Displaying corresponding content panels when table row is hovered
<p>I need to display 2 sets of content when a table row is hovered.
The pre-hovered state displays generic information in the two target areas <a href="http://i.stack.imgur.com/OfyE6.png" rel="nofollow">1</a> Explanation and [2] Actions.
When user hovers a table row, the Explantation and Actions content are replaced with the relevant content relating to the hovered row.
By way of illustration, this is what I'm looking to achieve:</p>

<p><img src="http://i.stack.imgur.com/OfyE6.png" alt="enter image description here"></p>

<p>Thanks for any pointers.</p>
