Thank you for your comment and report. To fix the accordion issue, you may add the following css code <style type="text/css"> .collapse.show { display: block; } </style>
REMOVE the attribute data-parent="#accordion" from panel header <a href="#collapseOne" class="accordion-link" data-toggle="collapse" data-parent="#accordion"> ... </a>
ADD the attribute data-parent="#accordion" into div.collapse <div id="collapseOne" class="collapse show" data-parent="#accordion"> ... </div>
CHANGE the css class .collapse.panel-collapse.in to collapse show <div id="collapseOne" class="collapse show"> ... </div>
The accordion has bug. How to fix? […]
Thank you for your comment and report. To fix the accordion issue, you may add the following css code
<style type="text/css">
.collapse.show {
display: block;
}
</style>
REMOVE the attribute data-parent="#accordion" from panel header
<a href="#collapseOne" class="accordion-link" data-toggle="collapse" data-parent="#accordion">
...
</a>
ADD the attribute data-parent="#accordion" into div.collapse
<div id="collapseOne" class="collapse show" data-parent="#accordion">
...
</div>
CHANGE the css class .collapse.panel-collapse.in to collapse show
<div id="collapseOne" class="collapse show">
...
</div>
Best Regards,
Sean.