jquery - 删除 2 个 jquery 选项卡之间的填充

标签 jquery css tabs

我有一个 Jquery UI 选项卡,我在单击第一个选择时显示另一个 Jquery 选项卡。我不想显示这两个元素之间的任何间距。现在,当我点击菜单项 1 时,它会显示另一个选项卡,父选项卡和子选项卡之间的间隙很小。它在选项卡之间显示细线,我如何删除它。 这是 fiddle Link

我试过这个 $("div.ui-tabs-panel").css('padding','0px'); 但没有帮助。

在这方面的任何帮助将不胜感激。

我是说这个空间 enter image description here

最佳答案

DEMO

$(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

DEMO

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

关于jquery - 删除 2 个 jquery 选项卡之间的填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19006655/

相关文章:

html - 如何设置父项的样式,而不是子项

html - 选项卡菜单重叠

jquery - 使 jQuery 可加入书签(即,用于内容 slider )

javascript - 如何将 <img> 标签 SRC 加载到 JavaScript 变量中以便在多个图像中重复使用?

javascript - 无法读取 if 语句中未定义的属性 'replace'

javascript - 如何使用jquery使用select dropdown获取单选按钮的值

javascript - 这个侧边栏的高度是如何计算的?

jquery - 如何更改表格行的背景?

html - 根据响应式布局中前一个元素的宽度更新同级元素 css

javascript - UIKit v3 选项卡不起作用