I have the following jquery code to highlight table cells.
here is my html
<table>
<tr>
<td class="day">
<span class='hiddenImage'><img src='/images/test.png' /></span>
</td>
<td class="day"><span class='hiddenImage'><img src='/images/test.png' /></span>
</td>
</tr>
</table>
here is my jquery code
$("td").hover(
function () {
[show image]
},
function () {
[hide image]
}
);
Inside the table cell, i have a hidden <span>
with class name hiddenImage
. How do I display the image when i am hovering over that td cell?
Something like this inside the functions (but the below doesn't seem to work)
$(this '.hiddenImage').show();