jquery - 2つのjqueryタブ間のパディングを削除

Question

Jquery UI タブが 1 つあり、最初の選択をクリックすると別の Jquery タブが表示されます。これら2つの要素の間に間隔を表示したくありません。現在、メニュー項目 1をクリックすると、親タブと子タブの間に隙間がほとんどない別のタブが表示されます。タブ間に細い線が表示されます。それを削除するにはどうすればよいですか。ここにフィドルリンクがあります

私はこれを試しまし$("div.ui-tabs-panel").css('padding','0px');たが、助けにはなりません。

この点で何か助けていただければ幸いです。

私はこのスペースを意味します

Answer 1

デモ

$(function () {
    $("#tabs-buttons").tabs();
    $("#subtabs-buttons").tabs();
    $("div.ui-tabs-panel").css('margin', '0px');
    $('#tabs-1').css('padding', '0');
    $('#tabs-1 div').css('padding-top', '0');
});

また

CSS

デモ

#tabs-1{
    padding:0;
}
#tabs-1 div{
    padding-top:0;
}

Answer 2

2 番目のタブ (タブ内) を意味する場合:

#subtabs-buttons ul{padding: 0}
#subtabs-buttons li {margin: 0}

Answer 3

サブタブのcssを編集する必要があります

#subtabs-buttons {padding-top : 0px; padding-left : 0px;}

あなたのフィドルを更新しました

Answer 4

このようなことを達成しようとしていますか？

jsフィドル

私はCSSを使用しました：

#subtabs-buttons{
    padding:0;
}

これがあなたが探しているものかどうかはわかりません。

次のコードを使用して、サブタブのテキストと境界線の間にパディングを追加することもできます。

#stabs-1 p {
    padding: 5px;
}