xxxxxxxxxx1
<div class="accordion" id="accordionExample"><div class="accordion-item">2
<h2 class="accordion-header" id="heading1">3
<button class="accordion-button collapsed" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapse1" aria-expanded="false" aria-controls="collapse1">4
Accordion Item #15
</button>6
</h2>7
<div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-mdb-parent="#accordionExample" style="">8
<div class="accordion-body">9
<div class="row">10
<div class="col">11
<div class="form-outline">12
<input type="text" id="form1" class="form-control" />13
<label class="form-label" for="form1">Example label</label>14
</div>15
</div>16
</div>17
18
</div>19
</div>20
</div><div class="accordion-item">21
<h2 class="accordion-header" id="heading2">22
<button class="accordion-button collapsed" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapse2" aria-expanded="false" aria-controls="collapse2">23
Accordion Item #224
</button>25
</h2>26
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-mdb-parent="#accordionExample" style="">27
<div class="accordion-body">28
<div class="row">29
<div class="col">30
<div class="form-outline">31
<input type="text" id="form2" class="form-control" />32
<label class="form-label" for="form2">Example label</label>33
</div>34
</div>35
</div>36
</div>37
</div>38
</div><div class="accordion-item">39
<h2 class="accordion-header" id="heading3">40
<button class="accordion-button" type="button" data-mdb-toggle="collapse" data-mdb-target="#collapse3" aria-expanded="true" aria-controls="collapse3">41
Accordion Item #342
</button>43
</h2>44
<div id="collapse3" class="accordion-collapse collapse show" aria-labelledby="heading3" data-mdb-parent="#accordionExample" style="">45
<div class="accordion-body">46
<div class="row">47
<div class="col">48
<div class="form-outline mb-3">49
<input type="text" id="form3" class="form-control" />50
<label class="form-label" for="form3">Example label</label>51
</div>52
<div class="form-outline">53
<input type="text" id="form4" class="form-control" />54
<label class="form-label" for="form4">Example label</label>55
</div>56
</div>57
</div>58
59
</div>60
</div>61
</div></div>1
1
xxxxxxxxxx1
const accordion = document.getElementById('accordionExample')2
accordion.addEventListener('shown.bs.collapse', () => {3
document.querySelectorAll('.form-outline').forEach((formOutline) => {4
new mdb.Input(formOutline).update();5
});6
});7
Console errors: 0