Acordeon dinamico
Publicado por JEANCARLO SOTELO (1 intervención) el 02/11/2022 17:54:17
ESTOY TRATANDO DE HACER UN ACORDEON A PARTIR DE LA BASE DE DATOS, POR AHORA EL ACORDEON ES ESTATICO Y NO DINAMICO
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div class="tab-pane fade show " id="preguntas-frecuentes" role="tabpanel" aria-labelledby="preguntas-frecuentes-tab">
<div class="container">
<div class="row">
<div class="col-md-10">
<h4 class="text-primary">PREGUNTAS FRECUENTES</h4>
<div class="list-group" id="accordionOne">
<div class="expansion-panel list-group-item">
<a aria-controls="collapseOne" aria-expanded="false" class="expansion-panel-toggler collapsed" data-toggle="collapse" href="#collapseOne" id="headingOne"> PREGUNTA1
<div class="expansion-panel-icon ml-3 text-black-secondary">
<i class="collapsed-show material-icons">keyboard_arrow_down</i> <i class="collapsed-hide material-icons">keyboard_arrow_up</i>
</div>
</a>
<div aria-labelledby="headingOne" class="collapse" data-parent="#accordionOne" id="collapseOne">
<div class="expansion-panel-body">RESPUESTA1.</div>
</div>
</div>
<div class="expansion-panel list-group-item">
<a aria-controls="collapseTwo" aria-expanded="false" class="expansion-panel-toggler collapsed" data-toggle="collapse" href="#collapseTwo" id="headingTwo"> PREGUNTA2
<div class="expansion-panel-icon ml-3 text-black-secondary">
<i class="collapsed-show material-icons">keyboard_arrow_down</i> <i class="collapsed-hide material-icons">keyboard_arrow_up</i>
</div>
</a>
<div aria-labelledby="headingTwo" class="collapse" data-parent="#accordionOne" id="collapseTwo">
<div class="expansion-panel-body">RESPUESTA2</div>
</div>
</div>
<div class="expansion-panel list-group-item">
<a aria-controls="collapseThree" aria-expanded="false" class="expansion-panel-toggler collapsed" data-toggle="collapse" href="#collapseThree" id="headingThree"> PREGUNTA3
<div class="expansion-panel-icon ml-3 text-black-secondary">
<i class="collapsed-show material-icons">keyboard_arrow_down</i> <i class="collapsed-hide material-icons">keyboard_arrow_up</i>
</div>
</a>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordionOne" id="collapseThree">
<div class="expansion-panel-body">RESPUESTA3</div>
</div>
</div>
<div class="expansion-panel list-group-item">
<a aria-controls="collapseFord" aria-expanded="false" class="expansion-panel-toggler collapsed" data-toggle="collapse" href="#collapseFord" id="headingFord"> PREGUNTA4
<div class="expansion-panel-icon ml-3 text-black-secondary">
<i class="collapsed-show material-icons">keyboard_arrow_down</i> <i class="collapsed-hide material-icons">keyboard_arrow_up</i>
</div>
</a>
<div aria-labelledby="headingFord" class="collapse" data-parent="#accordionOne" id="collapseFord">
<div class="expansion-panel-body">RESPUESTA4</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Valora esta pregunta
0