javascript - CSS箭头指向内容选项卡框

我有一个易于响应的内容标签。我想将CSS箭头添加到内容框，该箭头应指向相应的菜单项。

如何为每个选项卡内容框动态获取它。

这是我的代码

$(document).ready(function () {
    $('#verticalTab').easyResponsiveTabs({
        type: 'vertical',
        width: 'auto',
        fit: true
    });
});

DEMO

最佳答案

将position: relative;添加到.resp-vtabs .resp-tabs-list li，然后添加以下CSS：

.resp-vtabs .resp-tabs-list li.resp-tab-active:after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   right: -5%;
   top: 0;
   border: 10px solid transparent;
   border-right-color: red;
}

您可以更改border-right-color来更改箭头的颜色。

http://jsbin.com/odAkAXI/4/

关于javascript - CSS箭头指向内容选项卡框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20321349/