DIV订单交换/切换

时间:2010-07-22 22:11:31

标签: jquery html

我希望有人可以在DIV订单交换方面给我一些提示,以及如何通过jQuery实现这一目标。基本上我所拥有的是2个div ... #Front和#Back以及用于切换哪个DIV显示在前景中的div。我所追求的效果不是'显示和隐藏',因为两个div同时显示,但只有一个可以在前台。

非常感谢提前 Decbrad

1 个答案:

答案 0 :(得分: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');
});