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.

[DarkSuperHero]

im very lost in the code, Are you using jQuery? php? plain javascript with method you created?

[Padgoi]

It's a message board script.  The top part is HTML/ PHP message board, the bottom is JS.

[DarkSuperHero]

since this is more of js problem whats the gerated source look like after php's been parsed and all the variables have been echoed?