折叠选项卡面板父元素时的jQuery UI选项卡难题

Question

我正在构建一个使用jQuery UI标签的面板控件，如下所示：

标签位于标题中，标签面板嵌套在父元素内，单个包含（div.form-panel-contents），用于展开/折叠面板内容。问题是，当我通过slideUp折叠包含div时，Tabs检测到选项卡面板容器不可见，并将CSS类ui-tabs-hide应用于每个嵌套选项卡面板，这将所有选项卡面板设置为{{1 }}

我的问题是，当父div崩溃时，如何阻止它应用display: none课程？

当我更改包含div的状态时，我希望选项卡面板的状态保持不变，以便向上/向下滑动看起来流畅。我还很好奇这个工具是如何检测到父元素首先被折叠的。

代码：

ui-tabs-hide

-

if ($.fn.tabs)
    $(".ui-tabs").tabs();

Answer 1

我弄清楚问题是什么。显然我有一个额外的anchor tag被添加到li.handle_button元素中，这个锚标记与标签无关，但是用于自定义。只是这个标签的存在抛出了jQuery标签行为。我把这个元素改成了一个跨度，现在一切都很好。