多行选项卡（html / css）

Question

我的标签上出现了这个问题

如果有人为动态标签提供帮助 http://jsfiddle.net/luckyme/sw136sev/11/

问题是没有删除旧标签完全运行代码才能理解

$(document).ready(function() {
  $(".tabs").tabs();
  $("button#add-tab").click(function() {
    var num_tabs = $(".tabs ul li").length+1;
    if(num_tabs %2 == 0){
         if('.ad'){$('.ad').remove();
                //$('d').remove();
                    $(".tabs").tabs("refresh");
                  }
                      $(".tabs ul").append("<li  ><a href='#tab2'class='ad' >[] " + num_tabs + "</a></li>");
                       $(".tabs").append("<div id='tab2' class='ad'>" + num_tabs + "</div>");
                        $(".tabs").tabs("refresh");
         }      
    else {  
       if('.amm'){$('.amm').remove();
                 // $('.di').remove();
                    $(".tabs").tabs("refresh");
                 } 
                  $(".tabs ul").append("<li ><a href='#tab3' class='amm' >#" + num_tabs + "</a></li>" );
                    $(".tabs").append("<div class='amm' id='tab3' >" + num_tabs + "</div>");
                        $(".tabs").tabs("refresh");         
       }
  });                    
});