使顯示/隱藏腳本活動標籤

Question

我有表演的js腳本/隱藏

HTML：

<div class="footernav">1111</div> 

<div class="copy gutters hide"> 
    content1 
</div> 

<div class="footernav">2222</div> 

<div class="copy gutters hide"> 
    content2 
</div> 

<div class="footernav">3333</div> 

JS：

$(function(){ 

$(".footernav").each(function(i,o){ 
    $(this).click(function(e){ 
    e.preventDefault(); 
    $("div.copy:eq("+i+")").toggle().siblings("div.copy").hide(); 
    }); 
}); 

}); 

CSS：

.hide {display:none;} 
.show {display:block;} 

DEMO：http://jsfiddle.net/kolxoznik1/DYbBe/

我需要幫助製作活動div。當div被激活（打開）時div名稱（例如它是1111或2222或3333 ...必須有一個樣式（如新顏色：紅色或粗體）

Answer 1

在您的click處理程序中，無論是在切換之前還是在切換之後選擇副本股利和隱藏其他副本 div的，你可以在this切換的積極類，並從其footernav兄弟姐妹將其刪除：

$(this).toggleClass('active').siblings('div.footernav').removeClass('active');