Hey, I would add another class to the div you want to show. That way you can keep it selected until you go over another div. Like this:
$("a.mSelect").hover( function () { $('.selected').each(function(){ $(this).hide(); }); var month = $(this).attr("rel"); $("#m" + month).addClass('selected'); $("#m" + month).fadeIn(); }, function () { var month = $(this).attr("rel"); $("#m" + month).hide(); } ); On Jan 8, 12:40 am, TheHatchet <barry...@gmail.com> wrote: > $("a.mSelect").hover( > function () { > var month = $(this).attr("rel"); > $("#m" + month).fadeIn(); > > }, > function () { > var month = $(this).attr("rel"); > $("#m" + month).hide(); > > } > ); > > I have multiple div's acting as buttons, when you over over them it > will show the respected div, but I would like this respected div to > stay visible until the user hovers over another div(button). In the > code above, as soon as the user mouseout the div hides. Please help, > thanks!