data-toggle="collapse" を使用して .card を折り畳み可能にします。

通常カードでは .card-body に対して直接 .collapse を設定すると動きがカクカクしするため、 .card-body のを包む親の <div>.collapse を設定します。 リストカードは .list-group に対して直接 .collapse を設定しても問題ありません。