地方浮動的div ontop的相互

Question

的我有三個的div浮動：左

<div class="center"> 
<div class="fade1"></div> 
<div class="fade2"></div> 
<div class="fade3"></div> 
</div> 

，我想按一下，發現應低於他們 內容我可以淡化出來使用jQuery

$('.fade1').click(function(){ 
$('.fade1').fadeOut(700); 
}); 

，所以我需要中心DIV 問題裏面3個含量div的是，我不能確切地把它們淡入div的下面，因爲的div都是浮動 所以我的內容會浮現旁邊褪色的div那是s upposed藏身其中

Answer 1

在這裏你去：jsFiddle
腳本實現這一目標是：

$(function() { 
    $('.fade').click(function() { 
    var $this = $(this); 
    var $content = $('#' + $this.attr('id') + '_content'); 

    $this.fadeOut(700, function() {$this.before($content.show());}); 
    }); 
}); 

爲html和css變化見jsFiddle。

Answer 2

也許吧。 淡入淡出但不隱藏:)。

$('.fade1').click(function(){ 
    $('.fade1').animate({'opacity':0},700); 
}); 

這不會顯示：無。所以你的div將在它的區域。