0

我正在尝试在一个单独的 div 容器中创建一个链接，在一个完全不同的 div 容器中打开一个面板（如果您单击第二个 div 容器链接，面板也会打开并且链接本身具有活动状态） - 我得到了如果我单击第一个 div 容器中的链接，面板会从第二个 div 容器打开，但我正在努力使第一个 div 容器链接激活第二个 div 容器中的活动状态。

如果您看一下演示，只需单击 {Ñا} 成员选项卡，因为其他 2 个处于非活动状态...一旦您单击该选项卡，就会打开一个面板（虽然不是我说的那个） ， 现在; 该面板是打开的，查看最底部，在 div 容器的左侧，其中包含信息标题：“Official Roster”，如果您单击该特定链接，那里有一个显示“rank”的链接， OF 面板按应有的方式打开，但是，活动状态会选择所有这些，而不仅仅是选择的 1……我快接近了，但我被严重卡住了，似乎无法弄清楚……

演示：http: //jsfiddle.net/Djdzw/2/

我相信它是需要的纯 javascript，但是，它也可能是 css。但是，我将在下面提供我的 atm 代码 - 我将只提供 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');
});
4

1 回答 1

1

我不确定是否理解正确，但是对于单击#profile_list 时的活动按钮，您只需要编写

$('#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');

});

于 2013-09-25T14:45:35.427 回答