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

Question

我目前正在考虑将 SPRY 选项卡式面板转移到 jQuery UI 选项卡中，并且想知道是否有一种快速方法可以从 UI 选项卡后面删除内容区域。我基本上希望选项卡后面有白色页面背景，内容区域显示在选项卡下方。选项卡的 jQuery UI 版本 appears here我希望选项卡的显示方式可以是 viewed on this page.我使用 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
}