I'm having difficulty with data-parent to collapsate in the bootstrap
<div class="panel-group" id="paineis-sobre">
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" data-target="#item1">
<h3 class="panel-title" data-parent="#paineis-sobre">Desde 2014</h3>
</div>
<div class="panel-body collapse in" id="item1">
<p>Standing in the line to see the show tonight and there's a light on, heavy glow</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" data-target="#item2">
<h3 class="panel-title" data-parent="#paineis-sobre">Desde 2014</h3>
</div>
<div class="panel-body collapse" id="item2">
<p>Standing in the line to see the show tonight and there's a light on, heavy glow</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" data-toggle="collapse" data-target="#item3">
<h3 class="panel-title" data-parent="#paineis-sobre">Desde 2014</h3>
</div>
<div class="panel-body collapse" id="item3">
<p>Standing in the line to see the show tonight and there's a light on, heavy glow</p>
</div>
</div>
</div>
The divs do not collapse by clicking another in the same group.