1
resposta

Quando fecho um "panel", os outros não fecham.

Diferentemente do código do instrutor, não estou conseguindo fechar os outros "panels" quando abro o "panel" seguinte".

<div class="panel-group" id="painel">
            <div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 data-parent="#painel" class="panel-title" data-toggle="collapse" data-target="#primeiro">#</h3>
                    </div>
                    <div id="primeiro" class="collapse in">    
                        <div class="panel-body">    
                            <p id="primeiro" class="collapse in">#</p>
                        </div>
                    </div>    
                </div>
            </div>
            <div>    
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 data-parent="painel"class="panel-title" data-toggle="collapse" data-target="#segundo">#</h3>
                    </div>
                    <div id="segundo" class="collapse in">
                        <div class="panel-body">
                            <p>#</p>
                        </div>
                    </div>    
                </div>
            </div>
            <div>    
                <div class=" panel panel-default">    
                    <div class="panel-heading">
                        <h3 data-parent="painel"class= "panel-title" data-toggle="collapse" data-target="#terceiro">#</h3>
                    </div>
                    <div id="terceiro" class="collapse in">    
                        <div class="panel-body">    
                            <p>#</p>
                        </div>
                    </div>    
                </div>
            </div>    
        </div>    
1 resposta

Também tentei fazer, mas não consegui fechar o painel.