Small bit of JS that will make Bootstrap cards in your project collapsible if they have a `.card-header` element to use as a handle.

BootstrapCollapsibleCards.js

$('.card-header').append('<span class="fas fa-minus float-right position-absolute" style="top: 1em; right: 1em;"></span>');
$('.card-header').on('click', function (e) {
    var card = $(this).closest('.card');
    $(card.find('.card-body')[0]).toggle('slide');
    swapCssClasses($(card.find('.position-absolute')), 'fa-plus', 'fa-minus');
});