I'm facing an issue with my bootstrap accordions. I have two accordions and each one has an inner accordion. The first one is set to be opened by default. However, when I click on the second accordion, the icon of the first one does not update to a plus sign.
For a better understanding of the issue, you can check out my jsfiddle
It seems that only one accordion should be opened at a time. This works fine on my local setup, but for some reason, it's not functioning correctly on jsfiddle. I'm not sure why this is happening.
.css
.panel-title {
position: relative;
cursor: pointer;
padding-left: 50px !important;
}
.panel-title::after {
content: "\f067";
color: #3a3a3a;
left: 22px;
position: absolute;
font-family: "FontAwesome"
}
.panel-title[aria-expanded="true"]::after {
content: "\f068";
}