Accordian tabs stay open after use

- Gettin crispier up in here

go/go/forms.py

@@ -147,6 +147,9 @@ class URLFormTest(forms.ModelForm):
                             title="target_url",
                             css_class="first_group",
                         ),
+                        css_id='firstCollapse',
+                        active=True,
+                        template='crispy/accordian-group.html',
                     ),
                     AccordionGroup('Step 2: Short URL',
                         Div(
@@ -159,7 +162,10 @@ class URLFormTest(forms.ModelForm):
                             style="background: rgb(#F6F6F6);",
                             title="short_url",
                             css_class="second_group",
-                        )
+                        ),
+                        css_id='secondCollapse',
+                        active=False,
+                        template='crispy/accordian-group.html',
                     ),
                     AccordionGroup('Step 3: URL Expiration',
                         Div(
@@ -170,8 +176,13 @@ class URLFormTest(forms.ModelForm):
                             style="background: rgb(#F6F6F6);",
                             title="expires_url",
                             css_class="third_group",
-                        )
-                    )
+                        ),
+                        css_id='thirdCollapse',
+                        active=False,
+                        template='crispy/accordian-group.html',
+                    ),
+                    css_id='accordian',
+                    template='crispy/accordian.html'
                 ),
             HTML("""
                 <br />

go/go/templates/test.html

@@ -7,10 +7,24 @@ Go - A Product of Vapor
 
 
 {% block content %}
+
 <style>
 .asteriskField {
     display: none;
 }
+.collapse {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease;
+     -moz-transition: height 0.35s ease;
+       -o-transition: height 0.35s ease;
+          transition: height 0.35s ease;
+}
+
+.collapse.in {
+  height: auto;
+}
 </style>
 
 <div class="page-header" id="banner">