How can I make collapsable elements replace each other (not just appear below one and other) while using Bootstrap collapse and toggle

Question

I am trying to use the collapse component of Bootstrap to show a number of cards. Each of these cards is linked to a button. When the button is pressed the card (element) li