I am trying to keep the gray box open when I have my mouse within the box. Can
someone tell me how to do so?
My code is below.
Thank you.
<a href="javascript:void();" class="button_top_right" id="view_hide" >Show /
Hide</a><br />
<div class="view_hide" style="display:none; width:159px; position:absolute;
background-color:#CCC; border:1px solid #000;">
<div style="height: 200px; width:159px; ">
<p>This is what I want to be over you!!</p>
<p><a href="#">Test Link</a></p>
</div>
</div>
<table cellspacing="0" cellpadding="10" style="width: 159px; color: #FFF;
border:1px solid #000;">
<tr>
<td colspan="3" bgcolor="#333333">Link 1</td>
</tr>
<tr>
<td colspan="3" bgcolor="#333333">Link 2</td>
</tr>
<tr>
<td colspan="3" bgcolor="#333333">Link 3</td>
</tr>
<tr>
<td width="73" bgcolor="#333333">Link 4</td>
<td width="74" bgcolor="#333333"> </td>
<td width="74" bgcolor="#333333"> </td>
</tr>
</table>
<script type="text/javascript">
$
(
function ()
{
$("a#view_hide").mouseover(function (){$("div.view_hide").show("50");return
false;});
$("a#view_hide").mouseout(function (){$("div.view_hide").hide("50");return
false;});
}
);
</script>_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
