[jQuery] Re: Getting Div to Show after mouseout

2010-01-08 Thread Rick van Hoeij
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!


[jQuery] Re: Getting Div to Show after mouseout

2010-01-08 Thread Rick van Hoeij
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).removeClass('selected');
  $(this).hide();
  });
  var month = $(this).attr(rel);
  $(#m + month).addClass('selected');
  $(#m + month).fadeIn();
   },
   function () {
  var month = $(this).attr(rel);
  $(#m + month).hide();
   }
);

Something like that. Hope this helps.

Greetz,

Rick

On Jan 8, 12:40 am, TheHatchet barry...@gmail.com wrote:

- Hide quoted text -
- Show quoted text -
 $(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!


ReplyReply to authorForward



You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before
posting.
You do not have the permission required to post.


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!


[jQuery] Re: Getting Div to Show after mouseout

2010-01-08 Thread Rick van Hoeij
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).removeClass('selected');
  $(this).hide();
  });
  var month = $(this).attr(rel);
  $(#m + month).addClass('selected');
  $(#m + month).fadeIn();
   },
   function () {}
);

Something like that. Hope this helps.

Greetz,

Rick

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!