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
}