У меня есть один крах Bootstrap 4 следующим образом ...

<a data-toggle="collapse" href="#collapseNEWS" aria-expanded="true" aria-controls="collapseNEWS"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i></a>
<div class="row collapse in" id="collapseNEWS">Content</div>

Это автоматически отображает содержимое, если не щелкнуть значок шрифта. Я показываю иконку fa-chevron-circle-up при начальной загрузке.

После щелчка по значку содержимое закрывается, и вместо этого я хотел бы отобразить значок fa-chevron-circle-down. Как бы я этого достиг?

Я посмотрел на альфа-документацию:http://v4-alpha.getbootstrap.com/components/collapse/

... но мне не ясно, как я устанавливаю государство, чтобы показать либо ...

<i class="indicator fa fa-chevron-circle-up" aria-hidden="true"></i>

или же...

<i class="indicator fa fa-chevron-circle-down" aria-hidden="true"></i>

Спасибо, Нью-Джерси