Jquery 单击选项卡时，边框顶部颜色必须与活动选项卡背景颜色相同

我想将当前选项卡内容的边框顶部保持为活动选项卡背景色。我写了下面的css，但它不适用

.tab-content.current{
            display: inherit;
            border-top: 5px solid #3399CC;
        }

如果我把

！重要信息

至

边框顶部

则边框顶部的悬停效果不适用。我为这个悬停效果写了脚本。请帮忙，还有其他方法吗。谢谢希望你明白我的问题。如果不让我知道

$（文档）.ready（函数（）{
$（'ul.tabs li'）。单击（函数（）{
var tab_id=$（this.attr（'data-tab'）；
$（'ul.tabs li'）.removeClass（'current'）；
$（'.tab content'）.removeClass（'current'）；
$（this.addClass（'current'）；
$（“#”+tab_id）.addClass（'current'）；
})
$（文档）.ready（函数（）{
$（'.tab1'）.hover（函数（）{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#FF0000”
});
});
$（'.tab2'）.hover（函数（）{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#88DD00”
});
});
$（'.tab3'）.hover（函数（）{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#673ab7”
});
});
$（'.tab4'）.hover（函数（）{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#336699”
});
});
});
})

正文{
边缘顶部：100px；
字体系列：“投石机MS”，衬线；
线高：1.6
}
.集装箱{
宽度：800px；
保证金：0自动；
}
ul标签{
边际：0px；
填充：0px；
列表样式：无；
}
李先生{
背景：#efef；
颜色：#222；
显示：内联块；
填充：10px 15px；
光标：指针；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
边界半径：5px 5px 0px 0px；
}
.表1：悬停{
背景：#FF0000；
颜色：#fff；
边界：无；
}
.tab2：悬停{
背景#88DD00；
颜色：#fff；
边界：无；
}
.tab3：悬停{
背景：#673ab7；
颜色：#fff；
边界：无；
}
.表4：悬停{
背景#336699；
颜色：#fff；
边界：无；
}
ul.tabs li.current{
背景：#3399CC；
颜色：#fff；
边界：无；
}
.选项卡内容{
显示：无；
背景：#ededed；
填充：15px；
}
.tab-content.current{
显示：继承；
边框顶部：5px实心#3399CC；
}

选项卡一
表二
选项卡三
选项卡四

Lorem ipsufgdgt dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。
两个人在一起是因为他们在一起，在一起是因为他们在一起是因为他们在一起。
但是，在最低限度上，我们需要一个实验室来进行日常工作。两人的婚姻都是不平等的。
这是临时性的劳动和就业机会。但最低限度地减少了对ullamco Laboratoris的引用，使其不受商品消费的限制。

试试这个：

$（文档）.ready（函数（）{
$（'ul.tabs li'）。单击（函数（）{
var tab_id=$（this.attr（'data-tab'）；
$（'ul.tabs li'）.removeClass（'current'）；
$（'.tab content'）.removeClass（'current'）；
$（this.addClass（'current'）；
$（“#”+tab_id）.addClass（'current'）；
})
$（文档）.ready（函数（）{
$（'.tab1'）.hover（函数（）{
if（$（this）.hasClass（'current'））{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#3399cc”
});
}否则{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#FF0000”
});}
});
$（'.tab2'）.hover（函数（）{
if（$（this）.hasClass（'current'））{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#3399cc”
});
}否则{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#88DD00”
});
}
});
$（'.tab3'）.hover（函数（）{
if（$（this）.hasClass（'current'））{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#3399cc”
});
}否则{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#673ab7”
});
}          
});
$（'.tab4'）.hover（函数（）{
if（$（this）.hasClass（'current'））{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#3399cc”
});
}否则{
$（'.tab内容'）.css({
“边框顶部”：“5px实心#336699”
});
}
});
});
})

正文{
边缘顶部：100px；
字体系列：“投石机MS”，衬线；
线高：1.6
}
.集装箱{
宽度：800px；
保证金：0自动；
}
ul标签{
边际：0px；
填充：0px；
列表样式：无；
}
李先生{
背景：#efef；
颜色：#222；
显示：内联块；
填充：10px 15px；
光标：指针；
边框顶部：1px实心#000；
左边框：1px实心#000；
右边框：1px实心#000；
边界半径：5px 5px 0px 0px；
}
.表1：悬停{
背景：#FF0000；
颜色：#fff；
边界：无；
}
.tab2：悬停{
背景#88DD00；
颜色：#fff；
边界：无；
}
.tab3：悬停{
背景：#673ab7；
颜色：#fff；
边界：无；
}
.表4：悬停{
背景#336699；
颜色：#fff；
边界：无；
}
ul.tabs li.current{
背景：#3399CC；
颜色：#fff；
边界：无；
}
.选项卡内容{
显示：无；
背景：#ededed；
填充：15px；
}
.tab-content.current{
显示：继承；
边框顶部：5px实心#3399CC；
}

选项卡一
表二
选项卡三
选项卡四

Lorem ipsufgdgt dolore magna aliqua。小威尼斯酒店