使显示/隐藏脚本活动标签

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');