locked
Expandir collapse Bootstrap RRS feed

  • Pergunta

  • Boa tarde pessoal , estou com dificuldades em expandir o collapse clicado , coloquei o collapse dentro de um item template, mas quando clico só o primeiro é expansível, os demais ao clicar, ao invés de expandir o clicado expande o primeiro , segue o código:

                       

    <asp:Content ID="Content2" ContentPlaceHolderID="ConteudoDireita" Runat="Server">

        <asp:ListView ID="ListView1" runat="server" DataKeyNames="FAQ_PERGUNTA" 
            DataSourceID="SqlDataSourceFAQList" 
            onselectedindexchanged="ListView1_SelectedIndexChanged">     
            <ItemTemplate>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                  <div class="panel panel-success">
                    <div class="panel-heading" role="tab" id="headingOne">
                      <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="fals" aria-controls="collapseOne">       
                            <asp:Label ID="FAQ_PERGUNTALabel" runat="server" 
                            Text='<%# Eval("FAQ_PERGUNTA") %>' />
                        </a>
                      </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                      <div class="panel-body">
                            <asp:Label ID="FAQ_RESPOSTALabel" runat="server" 
                            Text='<%# Eval("FAQ_RESPOSTA") %>' />       
                      </div>
                    </div>
                  </div>  
                </div>            
            </ItemTemplate>

        </asp:ListView>

    Desde já agradeço !

    segunda-feira, 15 de junho de 2015 18:08

Todas as Respostas

  • É por causa do href="#colapseOne"

    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="fals" aria-controls="collapseOne">

    ...

    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">

    ...


    Cada item renderizado precisa ter um ID diferente. 


    Att. Andre de Mattos Ferraz - www.iamferraz.com.br

    segunda-feira, 15 de junho de 2015 18:28
  • sim disso eu sei , o que queria realmente é saber se tem um modo de colocar esse collapso dinâmico , pois está lendo do banco e a medida que inseri tem que ser exibido , entendeu ? contudo agradeço
    segunda-feira, 15 de junho de 2015 18:44