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

我有一个简单的JQuery UI选项卡菜单工作，并且我将其设置为除第一个（Home）之外的所有链接都会展开/折叠，然后单击“Home”项目只是重定向到同一页面。JQuery UI选项卡折叠除一个选项卡以外的所有选项

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

虽然这工作，当“首页”标签处于活动状态，并且您单击任何其他选项卡上的第一次，这两个标签，获得适用于某些原因，活动类。这只发生在第一次。再次选择相同的选项卡或其他选项卡不会导致该问题。我不知道如何解决这个问题。

You can see the demo here

来源

2012-10-01 AbeH

不知道是否当我编辑我的答案时通知你，但我添加了一个新的jsfiddle的解决方案。 – Colleen

谢谢。这很好！ – AbeH

2个问题：

您的 “＃” href是导致错误
没有回家的参考似乎也导致错误。

http://jsfiddle.net/D7kqG/3/似乎有你want--你只是要的风格的“家” div来有没有高度/宽度看你想要的方式的功能。

编辑：本来预计这个工作：

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

（即崩溃主页选项卡时，它被点击），但它不添加类...

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

它崩溃和自动扩展内容div为主页选项卡。

来源

2012-10-01 16:47:04 Colleen

我原本的家庭href去“家”div。这种方法的问题是，主页选项卡也变得可折叠，看起来很可怕，因为它没有内容。我只想让home标签根本不会折叠（但其他标签可折叠），但每次点击时都会将主动类应用于它。我的第一种方法是这样做的，除了多个活动选项卡异常。 – AbeH

哎呦，贴错了小提琴...只是一秒钟。你可以设置home div的样式，当它“崩溃”时，它不会真的做任何事情。 – Colleen

对不起，我打算说家里的标签不应该展开或者折叠。基本上它应该只是一个静态菜单项，而其他每个选项卡展开/折叠。 – AbeH

尝试使用第一个（）在你的选择。这里是参考：http://api.jquery.com/first/

希望这会有所帮助。

来源

2012-10-01 16:38:43 felipekm

我尝试使用第一个（）方法，但它没有帮助。 – AbeH

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

回答

相关问题