Javascript jQuery选项卡：双击

我有一个jQuery/Javascript选项卡的脚本，每2秒更改一次，如果单击其中一个，它将停止更改。当前，当选项卡处于“活动”状态时（如在当前显示的选项卡中），内容和钻孔底部的

背景色将与选项卡的颜色相同，当选项卡处于非活动状态时，其边框将产生以下结果：
边框底部：1px黑色实心。脚本运行得很好，但问题是，如果我双击一个选项卡（即使单击延迟了很多时间），即使该选项卡处于活动状态，边框也会变黑。
下面是我的JSFIDLE示例：
. 另外，如何更快地加载第一个选项卡，因为目前我必须等待2秒钟，所以我刚刚添加了手动“加载”选项卡。
这将解决黑边框问题：

    if( typeof prevTab !== 'undefined' && $(element).attr('class')!= $(prevTab).attr('class'))

延迟结束时，请执行以下操作：

    var timer = setInterval(function() {
            if(!klik){
                st %= nrTabs;
                tabChange(tTab.eq(st++));
            }
            else{
                clearInterval(timer);
            }
        }, 2000);
        st %= nrTabs;
        tabChange(tTab.eq(st++)