Deep linking 深度链接嵌套选项卡

如果我想实现嵌套选项卡，有人知道如何让这个示例工作吗？我试图添加它们，但我一直在破坏我的页面

我正在使用jquery.address-1.4插件来实现深度链接。任何人能给予的任何帮助都将不胜感激。

var选项卡，
制表=假，
initialTab=‘概述’，
navSelector='#tabs.ui tabs nav'，
导航过滤器=功能（el）{
返回$（el）.attr（'href'）。替换（/^#/，''）；
},
panelSelector='#tabs.ui tabs panel'，
panelFilter=函数（）{
$（panelSelector+a'）.filter（函数（）{
返回$（navSelector+'a[title='+$（this）.attr（'title'）+']'）。size（）！=0；
}).每个（功能（事件）{
$（this.attr（'href'，'#'+$（this.attr（'title'））.replace（//g，'.'））；
});
};
如果（$.address.value（）=''）{
$.address.value（初始选项卡）；
}
//地址处理程序
$.address.history（false）.strict（false）.wrap（true）.init（函数（事件）{
//以延迟方式添加ID以防止滚动
$（panelSelector）.attr（'id'，initialTab）；
//为所有内容链接启用插件
$（panelSelector+a'）。地址（函数（）{
返回导航过滤器（本）；
});
面板过滤器（）；
//选项卡设置
制表符=$（“#制表符”）
.标签({
加载：函数（事件、用户界面）{
//过滤内容并在需要时应用插件
$（ui.panel.html（$（panelSelector，ui.panel.html（））；
面板过滤器（）；
},
外汇：{
不透明度：“切换”，
持续时间：“快速”
}
})
.css（“显示”、“块”）；
//为所有选项卡启用插件
$（导航选择器+a'）。单击（函数（事件）{
制表=正确；
$.address.value（navFilter（event.target））；
制表=假；
返回false；
});
}).更改（功能（事件）{
var current=$（'a[href=#'+event.value+']：first'）；
//设置页面标题
$.address.title（$.address.title（）.split（'|'）[0]+'|'+current.text（））；
//选择适当的选项卡
如果（！制表）{
tabs.tabs（'select'，current.attr（'href'）；
}
}).历史（真实）；
//在初始化期间隐藏选项卡
编写（“#制表符{display:none；}”）；

          var tabs,
            tabulation = false,
            initialTab = 'Overview',
            navSelector = '#tabs .ui-tabs-nav',
            navFilter = function(el) {
                return $(el).attr('href').replace(/^#/, '');
            },
            panelSelector = '#tabs .ui-tabs-panel',
            panelFilter = function() {
                $(panelSelector + ' a').filter(function() {
                    return $(navSelector + ' a[title=' + $(this).attr('title') + ']').size() != 0;
                }).each(function(event) {
                    $(this).attr('href', '#' + $(this).attr('title').replace(/ /g, '_'));
                });
            };

        if ($.address.value() == '') {
            $.address.value(initialTab);
        }

        // Address handler
        $.address.history(false).strict(false).wrap(true).init(function(event) {

            // Adds the ID in a lazy manner to prevent scrolling
            $(panelSelector).attr('id', initialTab);

            // Enables the plugin for all the content links
            $(panelSelector + ' a').address(function() {
                return navFilter(this);
            });

            panelFilter();

            // Tabs setup
            tabs = $('#tabs')
                .tabs({
                    load: function(event, ui) {
                        // Filters the content and applies the plugin if needed
                        $(ui.panel).html($(panelSelector, ui.panel).html());
                        panelFilter();
                    },
                    fx: {
                        opacity: 'toggle', 
                        duration: 'fast'
                    }
                })
                .css('display', 'block');

            // Enables the plugin for all the tabs
            $(navSelector + ' a').click(function(event) {
                tabulation = true;
                $.address.value(navFilter(event.target));
                tabulation = false;
                return false;
            });

        }).change(function(event) {

            var current = $('a[href=#' + event.value + ']:first');

            // Sets the page title
            $.address.title($.address.title().split(' | ')[0] + ' | ' + current.text());

            // Selects the proper tab
            if (!tabulation) {
                tabs.tabs('select', current.attr('href'));
            }

        }).history(true);

        // Hides the tabs during initialization
        document.write('<style type="text/css"> #tabs { display: none; } </style>');