如何在Semantic-ui中设置二维选项卡？

Question

我在另一个标签中有一个semantic-ui标签，我试图直接在辅助标签内导航用户。这是一个例子

     <div class="ui top attached tabular menu">
         <a class="item custom-item" data-tab="first">First</a>
     </div>
     <div class="ui bottom attached tab segment" data-tab="first">
           <div class="ui top attached tabular menu">
              <a class="item" data-tab="sub-first">sub First</a>
              <a class="item" data-tab="sub-second">sub Second</a>
           </div>

         <div class="ui bottom attached tab segment" data-tab="sub-first">
             <div class="ui top attached tabular menu">
             <a class="item" data-tab="first">sub First</a>
         <a class="item" data-tab="second">sub Second</a>
         <a class="item active" data-tab="third">sub Third</a>
         </div>
         </div>

         <div class="ui bottom attached tab segment" data-tab="sub-second">
             <div class="ui top attached tabular menu">
             <a class="item" data-tab="first">sub First</a>
         <a class="item" data-tab="second">sub Second</a>
         <a class="item active" data-tab="third">sub Third</a>
         </div>
         </div>

     </div>

         // JS
     $('.menu .custom-item').tab({
         history : true
     });

     $('.menu .item').tab({
         history : true
     });

以上代码将覆盖父标签历史记录。我希望实现这样的目标：www.example.com#first/sub-first