Javascript 如何使用jquery仅使上一个流程栏可单击

我用jquery制作了一个流程栏，它也是可以点击的。但是我想，如果我在第二个流程栏中，那么它只能点击上一个流程栏，而不会在我点击时进入下一个流程栏

请查看jquery并告诉我其条件

jQuery('.nav-tabs > li > a').click(function(event){
    event.preventDefault();//stop browser to take action for clicked anchor

    //get displaying tab content jQuery selector
    var active_tab_selector = jQuery('.nav-tabs > li.active > a').attr('href');                 

    //find actived navigation and remove 'active' css
    var actived_nav = jQuery('.nav-tabs > li.active');
    actived_nav.removeClass('active');

    //add 'active' css into clicked navigation
    jQuery(this).parents('li').addClass('active');

    //hide displaying tab content
    jQuery(active_tab_selector).removeClass('active');
    jQuery(active_tab_selector).addClass('hide');

    //show target tab content
    var target_tab_selector = jQuery(this).attr('href');
    jQuery(target_tab_selector).removeClass('hide');
    jQuery(target_tab_selector).addClass('active');
});

以下是html：

<div class="mesre-tab">
 <ul class="nav nav-tabs">
    <li class="active collar_tab">
       <a href="#tab1">COLLAR</a>
    </li>
    <li class="cuff_tab">
       <a href="#tab2">CUFF</a>
    </li>
    <li class="pocket_tab"> 
       <a href="#tab3">POCKET</a>
    </li>
    <li class="monogram_tab"> 
       <a href="#tab4">MONOGRAM</a> 
    </li>
    <li class="size_tab">
       <a href="#tab5">SIZE</a>
    </li>
 </ul>
</div>

如果有人知道，请帮帮我。

---

谢谢

您能为进度条显示您的dom吗？以下是html:

编辑了您的问题，并将您的评论中的html放在上述问题上。我创建了一个提琴：请您描述一下，您的意思是：“…如果我在第二个进程栏中，那么它只能在前一个进程栏中…”。对不起，我不明白。意思是如果我现在在袖口选项卡上，那么我可以进入衣领选项卡，但不能进入口袋或花押字选项卡，当单击它时，它将不活动。只有上一个选项卡可以单击，它们的内容将不会显示在下一个选项卡上，因为在内容中，有一个下一个按钮，当单击它时，它将转到下一个选项卡