JQuery SerialScroll选项卡底部边框问题

Question

我已经实现了类似于Scrollable Tabs的SerialScroll：

http://jsfiddle.net/NinjaSk8ter/WvpcR/

我想以某种方式消除显示onload的每个标签之间的小底边框：

你没有看到底部边框并且直接在标签下方的原因是因为每个.navigations li bottom-border最初设置为-1：

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px -1px 0;
position: relative;
}

然后，单击功能可以使底部边框显示在未选中的选项卡下方：

最佳解决方案是在加载时或在Init函数中始终选择第一个选项卡，然后使底部边框一直显示在未选中的选项卡的底部。

有没有人知道如何实现这个？

Answer 1

由于这些是“标签”，因此应始终选择第一个标签。

jQuery选项卡始终选中第一个选项卡。几乎每个标签场景都是如此。

Answer 2

要解决您的问题，您应该在css类中将margin-bottom值设置为0。

#mid-featureleft-client .navigations li{
float: left;
margin:0 3px 0 0;
position: relative;
}

，你应该在白色课程中添加“margin-bottom：-1px”。

.white {   
    border-top: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;    
    border-right: 1px solid #C6C6C6;    
    background-color: #F7F7F7; 
    margin-bottom:-1px;
} 

http://jsfiddle.net/WvpcR/25/