<style>
    .hideme {
        display: none;
    }
</style>

<script type="text/javascript">

    
$(document).ready(function() {

{% if toggle_fields %}    

    {% for field in toggle_fields %}
        $('#{{ field.auto_id }}').addClass('hideme');

        var str_{{ field.auto_id }} = $('#div_{{ field.auto_id }} label').text();
        $('#div_{{ field.auto_id }} label').text(str_{{ field.auto_id }} + ' (click to edit)');

        $("#div_{{ field.auto_id }}").click(function() {
          $('#div_{{ field.auto_id }} label').text(str_{{ field.auto_id }});
          $("#{{ field.auto_id }}").removeClass('hideme');
          $("#{{ field.auto_id }}").focus();    
        });        
    {% endfor %}
{% endif %}
});
</script>

          