It sounds like you need to use .hover(). It takes two functions, the first fires on mouseover, the second on mouseout - with the added benefit that the element will stay open while you're inside of it.
More information about it can be found here: http://docs.jquery.com/Events#hover.28_over.2C_out_.29 --John On 2/7/07, Bradley Holloway <[EMAIL PROTECTED]> wrote: > > > 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/ > > _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
