2010-07-22 116 views
1

我希望有人能夠給我一些關於DIV訂單交換的意見,以及如何最好地通過jQuery實現這一點。基本上我所擁有的是2個div ... #Front和#Back和一個div來切換哪個DIV顯示在前景中。我之後的效果不是「顯示和隱藏」,因爲兩個div都同時顯示,但只有一個可以在前臺。DIV訂單交換/切換

提前感謝 Decbrad

+0

什麼喲你的意思是前景?它們重疊嗎? – second 2010-07-22 22:15:06

回答

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'); 
});