{% extends "global/Page.html" %}
{% load otree %}

{% block content %}
    <script type="text/javascript">
        function showMe (it, box) {
        var vis = (box.checked) ? "block" : "none";
        document.getElementById(it).style.display = vis;
    }
    </script>

Show Form: <input type="checkbox" name="multi_note" value="1" onclick="showMe('div1', this)">

<div id="div1" style="display:none">
[formidable id=18]
</div>

            <input class="form-control" name="buy_1" id="buy1" required><label class="control-label"><br/>Aktien&nbsp;kaufen</label>
            {{ form.buy_1.errors }}

            <input class="form-control" name="sell_1" id="sell1" required><label class="control-label"><br/>Aktien&nbsp;verkaufen</label>
            {{ form.sell_1.errors }}
{% endblock %}