私の関数は画面上に表示されているカードの数を数えます。すべてが表示されている場合は、arrow-up クラスをアイコンに追加します。一部のカードがまだユーザーに表示されていない場合は、矢印により、-down アイコンが追加されます。

これは機能しますが、最初に arrow-down クラスが追加されたため、予想通り、正しいクラスが span に追加されていることが DOM で確認できます。 (表示されているすべてのカードが表示される前に、ユーザーはコンテンツを複数回展開する必要があります) - その後、arrow-up クラスが追加されますが、arrow-down はオーバーライドされません。 。 p>

arrow-up が追加されたときに arrow-down が削除され、またその逆になるようにするにはどうすればよいですか?以前に toggle を使用して単純な開閉アイコンを実装しましたが、閉じる前に複数回展開される可能性があるため、これは機能しません。