CSS3 - einen div aus- und einen anderen Div einblenden

[koma05]

mit jquery kann man bei mouseover einen div aus- und einen anderen einblenden. wenn man die maus entfernt, wird das ganze umkehrt und das ausgangszustand wird wiederhergestellt.
(dies funktioniert im chrome fehlerfrei - im firefox hingegen passt was nicht. wenn man die maus drüber lässt wird ständig gefadet.)

    $j('#div1').hover( function(){
        $j(this).fadeOut("slow", function() {
            $j('#div2').fadeIn("slow");
          });
        },function(){
            $j('#div2').fadeOut("slow", function() {
                $j('#div1').fadeIn("slow");
              });
        });

ist dies auch mit css3 möglich?

 

[simonpicos]

AW: CSS3 - einen div aus- und einen anderen Div einblenden

ist dies auch mit css3 möglich?

ja: http://dabblet.com/gist/1658691

Mit jQuery kann ich dir leider nicht helfen..



//edit

Ich sehe gerade, dass ich mich verlesen habe. Du möächtest, dass dabei das andre div ausgeblendet wird. SineTempore hat dafür den richtigen Lösungsweg

 

[SineTempore]

AW: CSS3 - einen div aus- und einen anderen Div einblenden

oder sowas?
http://dabblet.com/gist/1659067

 

[fexx]

AW: CSS3 - einen div aus- und einen anderen Div einblenden

Hmm eigentlich hast du ja auch einen logischen Fehler drin ... beim hover Event hast du ja zwei Handler (mouseenter, mouseleave). Da du bei mouseenter #div1 ausblendest, verlässt ja eigentlich die Maus auch den Div.... ;-)
( http://jsfiddle.net/smABm/ )

Ein Ansatz wäre so ... http://jsfiddle.net/smABm/1/
Wobei das im Moment recht anfällig ist. Verlässt man #div2 bevor er richtig sichtbar ist, bleibt er stehen. ;-)

 

[koma05]

AW: CSS3 - einen div aus- und einen anderen Div einblenden

danke für eure antworten.

für meine zwecke, ist folgendes am besten geeignet:

Ein Ansatz wäre so ... http://jsfiddle.net/smABm/1/