Jquery ui jQuery UI选项卡-如何更改选项卡位置

我已经创建了本例中的选项卡布局，面板下面有控件。我有3个默认选项卡，不能删除，用户可以添加更多选项卡，也可以删除它们

问题是，默认选项卡应该像这里一样位于顶部，因为UI不支持两个控制面板，所以我创建了一个新元素，看起来像顶部的控制面板，高度固定。但现在我不知道如何将默认选项卡移动到正确的位置。我尝试添加它们

position:relative；顶部：-20em，但要使其正常工作，整个选项卡容器必须具有固定的高度，这是不好的，因为我需要它在窗口内拉伸，使其尽可能大

那么，还有其他方法可以将默认选项卡移到顶部吗

谢谢

编辑：这是我的想法的一个例子，但它是通过固定高度实现的

需要明确的是：这种方法在技术上是可行的，因此questin不是关于使用两个控制面板制作选项卡，而是关于定位选项卡，不确定它是否可行，而是尝试创建两个div，一个使用默认样式，另一个使用底部样式：

<div class="tabs">...
<div class="tabs tabs-bottom">

。。。

然后使用
$（“.tabs”）.tabs（…）
所以最后我通过更改jquery ui代码自己创建了两个控制面板。
如果有人想做和我一样的东西，这里有一些提示：

1） 要创建多个控制面板，请查找
this.list=this.element.find（“ol，ul）”）.eq（0）
现在，
.eq（0）
选择器导致，只有第一个ul或ol被设置为控制面板，因此我简单地将查找选择器修改为：
this.list=this.element.find（“ol，ul:lt（2））”）
和
：lt（2）
选择器将前两个ULs设置为两个控制面板。现在我们有两个控制面板，它是所有关于css定位，你可以在这里得到isnpired移动一个控制面板的底部

2） 我使用的模式是，第一个控制面板包含静态选项卡，第二个控制面板添加了动态选项卡。因此，我还需要在添加选项卡时更改目标。为此，您必须找到
h.appendTo（this.list）
并将其更改为
h.appendTo（this.list[1]）
，因为ad.1）
this.list
现在包含两个元素，我希望选项卡添加到第二个元素

所以最后，制作两个控制面板的选项卡布局并不是那么难
有趣的想法，但不起作用，这将创建两个选项卡布局