Eu tenho um único colapso do Bootstrap 4 da seguinte forma ...

<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>

Isso exibe automaticamente o conteúdo, a menos que o ícone da fonte impressionante seja clicado. Estou exibindo o ícone fa-chevron-circle-up após o carregamento inicial.

Depois que o ícone é clicado, o conteúdo é fechado e, em vez disso, eu gostaria de mostrar o ícone fa-chevron-circle-down. Como eu conseguiria isso?

Eu olhei para a documentação alfa:http://v4-alpha.getbootstrap.com/components/collapse/

... mas não estou claro como estabeleco o estado para mostrar também ...

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

ou...

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

Obrigado NJ