重置bootstrap模式

所以，我正在使用bootstrap的模态。

我想制作一个向导式模态，并想出了以下解决方案：

div片段：

  ... 
 
  ...

在步骤a中按下按钮时，加载步骤b。

javascript片段：

 $("#stepa").replaceWith($('#stepb')); document.getElementById('stepb').style.display = 'block';

这很好用。

但是当我解雇模态时。 div step仍然被stepb取代。我的解决方案是在隐藏模态时构建替换为stepa的替换：

 $("#myModal").on("hidden", function() { //replace the child });

我试过了：

 $('#step1').children().remove(); $('#step1').append($('#stepa'));

和

 $("#step1").children("div:first").replaceWith($('#stepa'));

但我很难选择步骤-a作为替换div，可能是因为它不是一个单独的div。我的问题是，这是一个向导风格的模态的正确方法还是我应该采取另一种方法？

隐藏前一步和后一步，而不是复制它们要简单得多。

    Step 1
  
  Step 2
   
  Step 3