{% assign panel_id = 8 | random_alphabetic %}

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a class="noCrossRef accordion-toggle" data-toggle="collapse" data-parent="#accordion"
               href="#{{ panel_id }}">{{ include.question | render_markdown }}</a>
        </h4>
    </div>
    <div id="{{ panel_id }}" class="panel-collapse collapse noCrossRef">
        <div class="panel-body">
            {{ include.answer | render_markdown }}
        </div>
    </div>
</div>