rapid-django/src/rapid/templates/rapid/widgets/singleDependent.html

<div>
<style scoped>
    .rapid-dependent{
        border-width: 1px;
        border-radius: 10px;
        border-style: solid;
        padding: 1em;
    }
    .hidden{
        display: none;
    }
</style>
<input type="checkbox" id="includes_{{ name }}" name="includes_{{ name }}"{% if present %} checked{% endif %}>
<div class="rapid-dependent {{ name }} form{% if not present %} hidden{% endif %}">
    {{ form.as_p }}
</div>
<script>
    $("#includes_{{ name }}").change(function(){
        $("div.{{ name }}.form").toggleClass("hidden");
    });
</script>
</div>