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 <[email protected]> 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!