jQuery使用多个链接激活单个选项卡 - 同时设置活动类

Question

如标题所示，我想创建一个选项卡界面，其中有多个链接可控制相同的选项卡面板。

希望你能明白我的意思是，当你看一下例子： http://jsfiddle.net/kimatg/EtVZW/2/

这里一切工作只是罚款和链路上的所有工作得很好，但一个问题是，“活动”类（在此情况下.current）将只在一个时间在一个选项卡选择器的容器工作...

换句话说，我在演示2个标签菜单（.map和.tabnav）;当我点击区域2在div.tabnav时，对应的a标签获得类别.current，但div.map中对应的a标签没有。

如何让两个div同时获得.current类，而不是在选择另一个选项卡时获得.current类？

哦，顺便说一下，我在示例中使用了jQuery Tools，但如果需要像jQuery UI那样实现它，那很好。

Answer 1

我不熟悉jQuery工具，所以我使用了UI。

这里的小提琴：http://jsfiddle.net/jomanlk/XwpDK/4/

基本上，我使用的索引突出适当的链接

var $tabs = $('#tabs').tabs({ 
    select : function(event, ui) { 
     var selected = $tabs.tabs('option', 'selected'); 
     $('a').removeClass('highlight'); 
     $('a').eq(ui.index).addClass('highlight'); 
    } 
}); 

$('.map a:first').addClass('highlight'); 
$('.map a').click(function(){ 
    $tabs.tabs("select" , $(this).index()); 
});