Answer by mbuchok for Bootstrap 3 collapse change chevron icon on click

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}