JavaScript不工作 - 2個不同的div容器

在這個裸體上，我努力嘗試在一個單獨的div容器中創建一個鏈接，在完全不同的div容器中打開一個面板（如果你點擊第二個div容器鏈接，面板也打開，鏈接本身有一個活動狀態） - 我得到的部分下來，如果我點擊第一個div容器中的鏈接，面板從第二個div容器打開，但我掙扎着製作第一個div容器鏈接激活第二個div容器中的活動狀態...JavaScript不工作 - 2個不同的div容器

如果你看看演示，只需點擊{會員}成員選項卡，因爲其他2個都是不活動的atm .. 。一旦你點擊那個標籤，一個面板就會打開（不是我正在談論的那個），現在，該面板是開放的，看看底部，在左邊的容器，其中包含信息標題：「官方名冊」，那裏有一個鏈接，說「排名」，如果你點擊該特定的鏈接， OF面板打開它應該，但是，活動狀態選擇他們所有，而不僅僅是選擇的1 ...我越來越接近，但我嚴重卡住，似乎無法弄清楚...

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

我相信這是純粹的javascript，但是，它也可能是CSS。我將在下面提供我在atm的代碼，但是 - 我只會提供javascript，因爲發佈所需的所有代碼太簡單了......因此，如果您只需查看上面的演示，這可能是對眼睛更容易;）

JAVASCRIPT：

/* =====以下的部分是需要編輯===== *什麼/

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

來源

2013-09-25 user2732875

難道你是這個意思？

$('.info_box p a').click(function() { 
    var id = this.id; //get the id of the clicked item 
    var a = $('#profile_list a[href="#' + id +'"]'); //construct the selector to select the menu item which has the same href 
    $('#profile_list a').not(a.addClass('active')).removeClass('active'); //now do the add/remove class 

});

Fiddle

來源

2013-09-25 14:49:49 PSL

你是了不起的！謝謝你太多了 - 完美的作品！ – user2732875

我這樣做，它的工作。我希望這是你在找什麼：

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

jsFiddle

來源

2013-09-25 14:58:47

是的，謝謝您的分享，但是，您發佈的內容是問題解決後！我給了你一個+1，因爲在給出答案之前我已經選擇了別人的答案。 – user2732875

JavaScript不工作 - 2個不同的div容器

回答

相關問題