Ich habe einen einzelnen Bootstrap 4-Zusammenbruch wie folgt ...

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

Dies zeigt automatisch den Inhalt an, es sei denn, auf das Symbol für die beeindruckende Schrift klicken. Beim erstmaligen Laden wird das Symbol mit dem Fa- Chevron-Kreis angezeigt.

Wenn auf das Symbol geklickt wird, wird der Inhalt geschlossen und ich möchte stattdessen das Symbol mit dem Fa- Chevron-Kreis nach unten anzeigen. Wie würde ich das erreichen?

Ich habe mir die Alphadokumentation angesehen:http: //v4-alpha.getbootstrap.com/components/collapse

... aber mir ist nicht klar, wie ich den Zustand herstelle, um entweder zu zeigen ...

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

oder..

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

Danke NJ