Jquery DIV订单交换/切换

Jquery DIV订单交换/切换,jquery,html,Jquery,Html,我希望有人能给我一些关于DIV顺序交换的建议,以及如何通过jQuery最好地实现这一点。基本上我有两个div#前后和一个用于切换前景中显示哪个div的div。我追求的效果不是“显示和隐藏”,因为两个div同时显示,但前景中只能显示一个div 非常感谢 Decbrad这应该可以为您做到: CSS #Front, #Back { position: absolute; top: 0; left: 0; z-index: 1; } .front { z-ind

我希望有人能给我一些关于DIV顺序交换的建议,以及如何通过jQuery最好地实现这一点。基本上我有两个div#前后和一个用于切换前景中显示哪个div的div。我追求的效果不是“显示和隐藏”,因为两个div同时显示,但前景中只能显示一个div

非常感谢
Decbrad

这应该可以为您做到:

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

这应该可以为您做到:

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

你所说的前景是什么意思?它们重叠了吗?你说的前景是什么意思?它们是重叠的吗?