第一个选项卡已填充并提交时，如何打开第二个选项卡

Question

我是codeigniter和bootstrap的新手，所以请考虑我的错误。我的页面中有三个选项卡，所有选项卡都包含必须填写的表单。第二个选项卡仅在第一个选项卡已提交时打开，依此类推。你能解决这个问题吗？

这是我的代码：

<div class="nav-tabs-custom">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#dtpasien" data-toggle="tab">Data Pasien</a></li>
        <li><a href="#dtmds" data-toggle="tab">Data Medis</a></li>
        <li><a href="#odontogram" data-toggle="tab">Odontogram</a></li>
    </ul>
    <div class="tab-content">
        <div class="active tab-pane" id="dtpasien"></div>
        <div class="active tab-pane" id="dtmds"></div>
        <div class="active tab-pane" id="odontogram"></div>
    </diV>
</div>