From a880b14173cbebfe409f301332371056d219f024 Mon Sep 17 00:00:00 2001
From: Sanj <b@pad.ma>
Date: Fri, 7 Sep 2012 16:08:49 +0530
Subject: [PATCH] collapsible inlines

---
 itf/templates/test/person_form.html | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/itf/templates/test/person_form.html b/itf/templates/test/person_form.html
index 1139532..23d26c8 100644
--- a/itf/templates/test/person_form.html
+++ b/itf/templates/test/person_form.html
@@ -21,6 +21,10 @@
     .delete-row {
         display:none !important;
     }
+
+    .inlineHidden {
+        display:none;
+    }
 </style>
 <!-- uni-form JS library, optional -->
 <script src="/static/uni_form/uni-form.jquery.js" type="text/javascript"></script>
@@ -177,13 +181,17 @@ $(function(){
                 {% crispy form form.helper %}
                                       
                 {% for inline in inlines %}
+                <div class="inlineWrapper">
                     <h3> {{inline.title }} </h3>
-                    {% if inline.help_text %}
-                    <div class="formset_help_text"> {{ inline.help_text }}</div>
-                    {% endif %}
-                    <div class="itf_formset" id="formset_{{inline.prefix}}">
-                    {% crispy inline inline.form.helper %}
+                    <div class="inlineHidden">
+                        {% if inline.help_text %}
+                        <div class="formset_help_text"> {{ inline.help_text }}</div>
+                        {% endif %}
+                        <div class="itf_formset" id="formset_{{inline.prefix}}">
+                        {% crispy inline inline.form.helper %}
+                        </div>
                     </div>
+                </div>
                 {% endfor %}
             <br />
             <input type="submit" value="Submit" />
@@ -193,6 +201,12 @@ $(function(){
 </div>
 <script type="text/javascript">
 $(function() {
+    $('.inlineWrapper h3').toggle(function() {
+        $(this).parent().find('.inlineHidden').slideDown();
+    }, function() {
+        $(this).parent().find('.inlineHidden').slideUp();
+    });
+
     {% for inline in inlines %}
     $('#formset_{{inline.prefix}}').formset({
         prefix: '{{ inline.prefix }}',