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()); 
});