jQuery Slow in IE to do a mouseover on a TR

Question

Hello

When the mouse hovers over the TR, we want to show a hidden DIV. We could bind this function to the TR with jQuery but this is just done at the server side:

<tr onmouseover="displayDIV('0123456789');" onmouseout="hideDIV('0123456789');" ...

 function displayDIV(rowID) {
    $('#options'+rowID).css('visibility','visible');
 }

 function hideDIV(rowID) {
    $('#options'+rowID).css('visibility','hidden');
 }

This is fast in Chrome, but very slow in IE. How can this be improved?

Answer 1

If you use

$('#options'+rowID).show()

and

$('#options'+rowID).hide()

rather than setting CSS properties directly, does the performance improve?