jquery - jQuery UI 选项卡 - 删除选项卡后面的标题和内容区域

Question

我目前正在考虑将一个 SPRY 选项卡式面板转移到 jQuery UI 选项卡中，并且想知道是否有一种快速的方法可以从 UI 选项卡后面删除内容区域。我基本上希望选项卡后面的白色页面背景，以及出现在选项卡下方的内容区域。选项卡的 jQuery UI 版本出现在这里，我希望选项卡出现的方式可以在此页面上查看。我使用 jQuery Themeroller 创建了原始的标签样式。谢谢！

Answer 1

这可以通过 CSS 来完成。

#copy-main .ui-widget-header{
    background:transparent !important;
}

#copy-main .ui-tabs{
    padding: 0 !important;
    margin-top:40px;
    position:relative;
}

#copy-main .ui-tabs .ui-tabs-nav{
    padding: 0 !important;
    position:absolute;
    margin:-32px -1px 0; //compensation
}