I have a situation where I have two HTML table rows. When I hover over the first row, I want to display the second row. However, once the mouse leaves both rows, the second row should be hidden.
Is there a way to achieve this using JQuery?
<tr class="pr_td_main pr1">
<td>123</td>
<td>15</td>
</tr>
<tr class="pr_td_desc pr1">
<td colspan="3">description</td>
<td colspan="2">123<br />456</td>
</tr>