Onderwerp: AddThis tonen bij mouseover

Op een pagina heb ik de volgende situatie. Als je met je muis over een link (div1) gaat dan verschijnen drie AddThis-buttons (div2).
Status: situatie onder controle :-)

Als je met de muis van het Facebook-icoontje naar die van Twitter beweegt dan komt de achterliggende div1 naar voren.
Het probleem zit hem in de twee divs, want als ik div1 verwijder dan werkt het goed.

Voorbeeld

Wie kan me helpen bij het oplossen van dit div-probleem?

Alsjeblieft: http://jsfiddle.net/c3ALu/

Oorspronkelijk geplaatst door Ahmed

Alsjeblieft: http://jsfiddle.net/c3ALu/

ik had hem zelf met .toggle() gedaan ipv show() / hide()

Bedankt voor de link Ahmed, maar dit lost m'n probleem niet op. De divs werden al netjes getoond en verborgen. Maar als je met je muis tussen de icoontjes beweegt dan zie je de eerste div voorbij schieten.
Dit is de link naar de jQuery-oplossing.

zo zou 't moeten werken. Ik zie dat jsfiddle aan 't verhuizen is o.i.d. maar als je deze code gebruikt op jouw 2.htm dan zou 't moeten werken

Code:

     $(document).ready(function() {
       
        $("#div0_3").mouseenter(function() {
            $("#div0_3").hide();
            $("#div0_4").show();
        } );
         
         $("ul").mouseleave(function() { 
             $("#div0_4").hide();
             $("#div0_3").show();
             
         }); 
        

    } );

Bedankt Ahmed, dat is inderdaad de code die werkt!