mouseenter/mouseleave blinker når den bliver aktiveret

Dit problem er jo, at du får elementet til at forsvinde når musen er over, og i det elementet ikke eksisterer mere, har musen jo forladt det. Og når musen har forladt elementet, så bliver det vist igen, hvorved musen så igen er over det. Så blinkeriet giver mening.

Du kan erstatte det f.eks. med en meget lav opacity, så elementet aldrig forsvinder, men ikke kan ses. Sådan:

$(document).ready(function(){
    $('#div1').mouseenter(
        function () {
            $(this).animate({opacity: 0.001});
        }
    );
    $('#div1').mouseleave(
    function () {
            $(this).animate({opacity: 1});
        }
    );
});

Det giver god mening.

Kan man gøre så den ikke tager i mod nogle mouseenter, mens den laver animate? Hvis man kører musen frem og tilbage hen over den nu, vil den stå og blinke i et stykke tid efterfølgende..

Ja, du kan stoppe animationskøen sådan:

$(document).ready(function(){
    $('#div1').mouseenter(
        function () {
            $(this).stop().animate({opacity: 0.001});
        }
    );
    $('#div1').mouseleave(
    function () {
            $(this).stop().animate({opacity: 1});
        }
    );
});

1000-tak, det virker perfekt :-)

Opret endelig et svar.

Så gerne.