This collapse is an example created using shorthand classes. There is no shorthand class of collapse
.collapse-trigger and .collapse-target classes and jquery used in this example is not a part of the framework. We used it for demonstration purpose only. You can either use it or can write your own.
<a href="javascript;" class="collapse-trigger no-underline hover-underline block w-100pc p-5 my-1 br-4 bg-gray-lighter after-plus after-right after-scale-up-3">
...
</a>
<div class="collapse-target">
<div class="p-5 border br-4">
...
</div>
</div>
<!-- jquery -->
<script>
$('.collapse-target').hide();
$(document).on('click', '.collapse-trigger', function () {
$(this).toggleClass('after-plus after-minus');
$(this).next().slideToggle();
return false;
});
</script>