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

<div>
<style scoped>
    .rapid-alternatives{
        border-width: 1px;
        border-radius: 10px;
        border-style: solid;
        padding: 1em;
    }
    .hidden{
        display: none;
    }
</style>
{% for model, form, selected in alternatives %}
    <div class="rapid-alternatives {{ name }} {{ model.content_type.pk }}{% if not selected %} hidden{% endif %}">
        {{ form.as_p }}
    </div>
{% endfor %}
<script>
    $("#id_{{ selector }}").change(function(){
        var pk = $(this).val();
        $("div.{{ name }}").addClass("hidden");
        $("div.{{ name }}."+pk).removeClass("hidden");
    });
    var sel = $("#id_{{ selector }}").val()
    $("div.{{ name }}").each(function(){
        if($(this).hasClass(sel)){
            $(this).removeClass("hidden");
        }
    });
</script>
</div>