Javascript 2个单独的div容器-链接在1个div容器中使用与在第2个div容器中相同的活动状态

我试图使一个单独的div容器中的链接在一个完全不同的div容器中打开一个面板（如果单击第二个div容器链接，面板也会打开，链接本身处于活动状态）-我得到了一个部件，如果单击第一个div容器中的链接，面板从第二个div容器打开，但我正在努力使第一个div容器链接激活第二个div容器中的活动状态

如果你看一下演示，只需点击{ñا}成员选项卡，因为其他两个是不活动的atm…一旦你点击该选项卡，一个面板打开（不是我说的那个），现在；该面板是打开的，看看最底部，在div容器的左侧，保存着信息标题：“官方花名册”，其中有一个链接，上面写着“排名”，如果你点击该特定链接，O.F.面板会像应该的那样打开，活动状态选择了所有的，而不仅仅是选择的1…我正在接近，但我被严重卡住了，似乎无法理解

演示：

我相信这是需要的纯javascript，但是也可能是css。不过，我将在下面提供我拥有的代码——我只提供javascript，因为发布所有需要的代码太多了。如果你能简单地看一下上面的演示，可能会更容易上手

/* ===== The section below is what needs to be edited ===== */
$('.info_box p a').click(function () {
    var a = $('#profile_list a');
    $('#profile_list a').removeClass('active');
    $('#profile_list a').addClass('active');
});

---

我不确定是否理解正确，但当点击#profile_列表时，激活按钮 你只需要写

$('#profile_list a').click(function () {
var a = $(this);
$('#profile_list a').removeClass('active');
$(this).addClass('active');

}))

这里是第二部分

$('.info_box p a').click(function () {
var a = $(this).attr("href")
$('#profile_list a').removeClass('active');
$('#profile_list a[href="' + a + '"]' ).addClass('active');

---

}))

我已经在javascript中列出了这一点……这一部分工作得非常完美。这是javascript中以

$（'.info_box p a'）开头的部分。单击（function（）{…

）这就是问题所在。如果你看看我提供的演示，并阅读演示上面的小部分，你就会知道我的意思…完美！第二部分正是我想要的。非常感谢！