Hide the details of the todo list until clicking

Dan: don't load jQuery until late in the page load.

Signed-off-by: Dan McGee <dan@archlinux.org>

1 files changed, 11 insertions, 2 deletions

diff --git a/templates/todolists/public_list.html b/templates/todolists/public_list.html
index 78e5b511..f1220f68 100644
--- a/templates/todolists/public_list.html
+++ b/templates/todolists/public_list.html
@@ -1,10 +1,11 @@
 {% extends "base.html" %}
+
 {% block title %}Arch Linux - Todo Lists{% endblock %}
 
 {% block content %}
-    <div id="read_only_todo_lists">
+    <div id="public_todo_lists">
         {% for list in todo_lists %}
-            <h2>{{list.name}}</h2>
+            <h4>{{list.name}}</h4>
             <div class="todo_list">
                 <p>{{list.description}}</p>
                 <ul>
@@ -15,4 +16,12 @@
             </div>
         {% endfor %}
     </div>
+{% load cdn %}{% jquery %}
+<script type="text/javascript">
+    $("#public_todo_lists h4").click(
+            function(e) {
+                $(this).next().toggle();
+            }
+    );
+</script>
 {% endblock %}