Onmouseover Onmouseout Onload?

[Padgoi]

Not sure if this belongs in this forum and if it does not, I apologize. 

 

I'm looking for some help.  I have a code:

 

<td class="{$post['post_css']}" style="vertical-align:bottom;border-left:1px solid #fff" id='post-main-{$post['pid']}' onmouseover="OnHoverPost( '{$post['pid']}' );" onmouseout="OnUnHoverPost( '{$post['pid']}' );" style="display:none;">


		<if="author['mgroup'] != 14">
		{$post['signature']}<br /><br />
		</if>

{$post['ratings']}

</td>

 

This code displays the ratings when you mouseover and hides them when you mouseout because I have a javascript function set up:

 

function OnHoverPost( $postid )
{
$( 'rb_' + $postid ).show();
}

function OnUnHoverPost( $postid )
{
$( 'rb_' + $postid ).hide();
}

 

My problem is that I want the ratings to be hidden by default and only show up when you mouseover and then hide again when mouseout.  Right now the ratings are showing by default.  Can anyone help me, how would I go about hiding the ratings by default?  Thanks in advance.