Problem with jquery function.hover

Question

I have make a javascript code. This is the code

/*************************/
/* twitter ticker        */
/*************************/
var nieuwsbrief_formulier_open = false;
$("#footer a.twitter").hover(

function()
{                   
    if(nieuwsbrief_formulier_open == false)
    {
        nieuwsbrief_formulier_open = true;
        $(this).parent('li').addClass('actief');
        $("#twitter").fadeIn(600);
    }
    else
    {
        nieuwsbrief_formulier_open = false;
        $(this).parent('li').removeClass('actief');
        $("#twitter").fadeOut(600);
    }
    return false;
});

When I hover on the #footer a.twitter. Then the #twitter div come/show. But when I going with the mouse off this #footer.a.twitter button. Then the div going away. How can I make, that when I'm going with the mouse over the #twitter div. That the div going not away but also show.

Who can help me ? Thanks !

Nick Craver · Accepted Answer · 2010-08-25 17:27:44Z

1

You can make a few changes here, the biggest of which is to split your functions. .hover() takes 2 arguments as well, separate handlers for the mouseleave and mouseout events, like this:

$("#footer a.twitter").hover(function() {                   
   $(this).parent('li').addClass('actief');
   $("#twitter").fadeIn(600);
}, function() {
   $(this).parent('li').removeClass('actief');
   $("#twitter").fadeOut(600);
});

Then to solve your current issue, since #twitter isn't a child (or doesn't appear to be), you need to handle the hover on it, like this:

$("#twitter").hover(function() {
   $(this).stop().fadeIn();
}, function() {
   $(this).stop().fadeOut();
});

answered Aug 25, 2010 at 17:27

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Problem with jquery function.hover

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related