jQuery选项卡中的冲突

Question

我用标签制作了两个方框。

但是，框的标签在同一时间变化= /

演示：

http://codepen.io/FelipeMartinin/pen/syxah/

任何人都可以帮助我吗？

提前致谢

Answer 1

你的李

<li data-id="#content-item-1">Capítulo 1</li>
<li data-id="#content-item-2" class="ajustment">Arquivos e Lições</li>

瞄准这些div的

<div id="content-item-1" class="inside">
<div id="content-item-2" class="inside content-2">

你的第二盘

<li data-id="#content-item-3" class="active">Capítulo 1</li>
<li data-id="#content-item-2" class="ajustment">Arquivos e Lições</li>

您的第二组div具有相同的ID - 而您的li's未定位到正确的div

<div id="content-item-1" class="inside">
<div id="content-item-2" class="inside content-2">

将第二组更改为此

<li data-id="#content-item-3" class="active">Capítulo 1</li>
<li data-id="#content-item-4" class="ajustment">Arquivos e Lições</li>

和divs

<div id="content-item-3" class="inside">
<div id="content-item-4" class="inside content-2">

EXAMPLE