JQuery UI选项卡折叠除一个选项卡以外的所有选项卡

Question

我有一个简单的JQuery UI标签菜单，我将其设置为除了第一个（Home）之外的所有链接都将展开/折叠，单击“Home”项目将只重定向到同一页面。 / p>

    $("#tabs").tabs({
    collapsible: true,
    select: function(event, ui) {
        if (ui.index == 0){//home
            window.location.href = 'test.html';
        }
    }
});

虽然这样可行，但当“主页”选项卡处于活动状态，并且您第一次单击任何其他选项卡时，两个选项卡都会因某种原因获得应用的活动类。这只是第一次发生。再次选择相同的选项卡或其他选项卡不会导致该问题。我不确定如何解决这个问题。

You can see the demo here

Answer 1

尝试在选择器上使用第一个（）。 以下是参考：http://api.jquery.com/first/

希望这有帮助。

Answer 2

2个问题：

1. 你的href“＃”导致错误
2. 没有家庭参考似乎也会导致错误。

http://jsfiddle.net/D7kqG/3/似乎具有您想要的功能 - 您只需要设置“home”div的样式，使其没有高度/宽度，以便按照您想要的方式显示。

编辑：本来希望这可行：

http://jsfiddle.net/D7kqG/4/

（即，只要点击它就折叠主页标签）但是它没有添加类......

好吧，这应该是你想要的： http://jsfiddle.net/D7kqG/5/

它会自动为主页选项卡折叠和展开内容div。