Jquery UI选项卡:当我关闭它时,如何隐藏选项卡及其对应的div

Question

我使用了Jquery UI选项卡,并给出了选项卡的关闭选项.默认情况下,我创建三个选项卡及其对应的三个div.现在,当我关闭选项卡时,选项卡及其div将被删除.我需要隐藏选项卡和div,当我单击添加选项卡时,我应该只显示隐藏的选项卡和div.我不知道如何显示/隐藏tab和div属性.

提前致谢.

Jeevi

Answer 1

基于http://old.nabble.com/UI-Tabs:-How-to-hide-show-a-Tab-td19569388s27240.html上的讨论,以下内容对我有用 -

添加以下CSS

.ui-tabs .ui-state-disabled { 
    display: none; /* disabled tabs don't show up */ 
} 

然后使用以下任一形式的选项卡禁用选项 -

$( ".selector" ).tabs({ disabled: [1, 2] }); //when initializing the tabs
$( ".selector" ).tabs( "option", "disabled", [1, 2] ); // or setting after init

有关详细的jQuery文档,请参阅http://jqueryui.com/demos/tabs/#option-disabled

Answer 2

不能 100% 确定具体代码，但请尝试这样的操作来隐藏但不删除选项卡：

$( ".selector" ).tabs({
    remove: function(event, ui) { $(this).hide(); return false; }
});