Jquery 单击主体链接时更改选项卡选择

我有一个简单的选项卡脚本，用于在内容之间切换。当前，该脚本允许在单击选项卡时更改选项卡的类，但我希望从选项卡正文副本中链接到选项卡，并确保活动选项卡接收到要选择的正确类

CSS

.selected {
    background-color: #387C2B !important;
    border: 1px solid #006633 !important;
}

Javascript

$('.tabs a').click(function(){
    switch_tabs($(this));
});

switch_tabs($('.defaulttab'));

$('.tab-content .img-frame a').click(function(){
    switch_tabs($(this));
});


function switch_tabs(obj)
{
    $('.tab-content').hide();
    $('.tabs a').removeClass("green").removeClass("selected").addClass("gray");
    var id = obj.attr("rel");

    $('#'+id).show();
    obj.addClass("selected").removeClass("gray");
}

---

工作示例：

最简单的方法是替换此：

 obj.addClass("selected");

为此：

 $('a[rel='+id+']').addClass("selected");

---

如果您单击Overview div中的Chicago链接，两个选项卡都会变灰。谢谢Kevin，这样确实删除了所选的类，但仍有一些问题我无法解决。如何设置要选择的“芝加哥”选项卡。此外，单击“概述”选项卡主体中指向芝加哥的链接时，该链接将变为绿色。有什么想法吗？什么是“合适的”课程？在我的回答中，我从旧选项卡中删除“selected”类，并将其添加到新选项卡中。更改选项卡时是否需要交换其他类？

 $('a[rel='+id+']').addClass("selected");