javascript - 如何将模态滑到一边 - 显示其他模态(向导之类的...)

Question

在下面的 fiddle 中，我实现了两个像向导一样的模式:

$('#jumptosecondmodal').click(function(e) {
    $('#secondmodal').modal('show');
    $('#firstmodal').modal('hide');
})

http://jsfiddle.net/nV8XZ/show

http://jsfiddle.net/nV8XZ/

我不需要在模态之间切换(显示/隐藏)，而是需要将第一个模态动画放在一边直到消失，显示第二个模态。

编辑:

我已经设法实现了滑动，但它仅在第一次运行时按预期工作。连续运行不滑动而是切换(直到页面刷新)

参见: http://jsfiddle.net/nV8XZ/22

编辑2:

感谢 ridecar2 的帮助，

这是一个增强的工作版本:

http://jsfiddle.net/nV8XZ/27/show

Answer 1

您可以尝试fadeIn 和fadeOut 方法:

$('#jumptosecondmodal').click(function(e) {
    $('#firstmodal').fadeOut(400, function(){
        $(this).modal('hide')
        $('#secondmodal').fadeIn().modal('show')
    })
})

DEMO