DIV order swapping/toggling

Question

Я надеюсь, что кто-то может дать мне несколько советов по обмену DIV и как лучше всего это сделать через jQuery. В основном у меня есть 2 divs ... #Front и #Back и div для переключения, который DIV отображается на переднем плане. Эффект, который я получаю, не является «show and hide», так как одновременно отображаются оба divs , но только один может быть на переднем плане.

Большое спасибо заранее Decbrad

Answer 1

Это должно сделать это для вас:

CSS

#Front, #Back { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 1; 
} 

.front { 
    z-index: 2; 
} 

JQuery

$('#Front').addClass('front'); 
$('#toggler').click(function(){ 
    $('#Front').toggleClass('front'); 
    $('#Back').toggleClass('front'); 
});