Bootstrap 3 collapse change chevron icon on click

Question

I have read all related questions regarding my question and have tried them all to no avail. I can\'t seem to make my code work, even though I \"think\" almost every code I

Answer 1

Pure CSS.

HTML part:

   
        Open/Close collapse
        
        
    

The key element here is aria-expanded="false" or "true"

CSS:

a[aria-expanded=true] .fa-chevron-right {
   display: none;
}
a[aria-expanded=false] .fa-chevron-down {
   display: none;
}