Question

我有一个show / hide

的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之前或之后，隐藏其他副本 div，您可以切换活动<{1}}上的课程，并将其从 footernav 兄弟姐妹中删除：

this

在显示/隐藏脚本中创建活动选项卡

1 个答案: