Hello,

Zie hier de code

Als je op de bovenste link hebt geklikt zie je dat er een blauw blokje verschijnt als je met je muis over het rode blokje heengaat.

Als je nu met je muis over het blauwe blokje gaat, en weer terug naar het rode blokje gebeurt er niets, maar als je via het blauwe blokje naar het groene gedeelte gaat, verdwijnt het blauwe blokje. Dat is allemaal prima.

Maar nu wil ik graag dat als je van het rode blokje naar het groene blokje gaat, het blauwe blokje verdwijnt.

Als ik bijv. mouseleave doe op het rode blokje, dan werkt het niet lekker als ik direct naar het blauwe blokje ga, dus daar moet ik een oplossing voor hebben.

Wie kan mij helpen?:)

Er is geen groen, maar als je de background bedoelt,
dan voeg je dit toe:

Code:

    $("#block1").hover(function() {
        $("#block2").show();
    },function() {
        $("#block2").not(":visible").hide();
    });

De eerste "function(){}" is voor als de muis OVER het blokje gaat.
De tweede "function(){}" is voor als de muis UIT het blokje gaat.
De reden dat ik:

Code:

.not(":visible")

Aan heb toegevoegd is dat wanneer de blokje al ontzichtbaar is, dat het niet hoeft te verbergen.

Origineel gepost door ismail m

Er is geen groen, maar als je de background bedoelt,
dan voeg je dit toe:

Code:

    $("#block1").hover(function() {
        $("#block2").show();
    },function() {
        $("#block2").not(":visible").hide();
    });

De eerste "function(){}" is voor als de muis OVER het blokje gaat.
De tweede "function(){}" is voor als de muis UIT het blokje gaat.
De reden dat ik:

Code:

.not(":visible")

Aan heb toegevoegd is dat wanneer de blokje al ontzichtbaar is, dat het niet hoeft te verbergen.

not(":visible") is niet nodig hier.
En je moet in dit geval is(":visible") gebruiken.

Origineel gepost door René Vennik

not(":visible") is niet nodig hier.
En je moet in dit geval is(":visible") gebruiken.

Klopt helemaal!
Ik dacht logica gericht, maar het is ´is´