block_collapse.html.twig

{% set idcard = idcard|default(random(500)) %}
<div class="card mb-3">
	<div class="card-header" style='cursor:pointer;' onmouseover="$(this).addClass('border-primary');" onmouseout="$(this).removeClass('border-primary');" data-toggle="collapse" data-target="#collapse{{idcard}}" aria-expanded="false" aria-controls="collapse{{idcard}}">{% block blocktitle %}TITLE with blocktitle{% endblock blocktitle %}</div>
	<div class="card-body collapse" id="collapse{{idcard}}">
		<h4 class="card-title">{% block blocksubtitle %}SUBTITLE with blocksubtitle{% endblock blocksubtitle %}</h4>
		<div class="card-text">
			{% block blockcontent %}CONTENT with blockcontent{% endblock blockcontent %}
		</div>
	</div>
</div>