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

I'd like to offer an option along the same lines as another solution posted here, but uses a single div with transforms. This would also help make clean use of transitions to animate the icons as well.

`a[aria-expanded=true] .fa-chevron-right { transform: rotate(0deg); }

a[aria-expanded=false] .fa-chevron-right { transform: rotate(90deg); // or whatever direction you need }`