From 161c58e7db363337c088e5ea0c59d60f5fe374a3 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Fri, 27 Sep 2019 15:38:36 +0100
Subject: [PATCH] Add toggle filters to find more page.

---
 templates/find_more.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/templates/find_more.html b/templates/find_more.html
index 0429887..ea99304 100644
--- a/templates/find_more.html
+++ b/templates/find_more.html
@@ -21,6 +21,9 @@
 
   <p>{{ '{:,d}'.format(total) }} paintings found</p>
 
+  <a href="#" id="toggle-filters">toggle filters</a>
+
+  <div id="filters">
   {% for key, values in facets.items() %}
     <p>{{ prop_labels[key] }}:
       {% for v in values %}
@@ -28,8 +31,8 @@
         {% if not loop.last %}|{% endif %}
       {% endfor %}
     </p>
-
   {% endfor %}
+  </div>
 
 <div class="card-columns">
   {% for item in items %}
@@ -56,3 +59,15 @@
 
 </div>
 {% endblock %}
+
+{% block script %}
+<script>
+  $('#filters').hide();
+
+  $('#toggle-filters').click((event) => {
+    event.preventDefault();
+    $('#filters').toggle()
+  });
+
+</script>
+{% endblock %}