From caf3648f9519862c99a7bcb22bc63fc6c569cf45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Ernesto=20D=C3=A1vila=20Pantoja?=
 <josernestodavila@gmail.com>
Date: Thu, 25 Apr 2024 12:48:25 -0400
Subject: [PATCH] Updates `dropdown_filter.html` template.

- With this change, filter sections can now be expanded or collapsed which improves navigability.
---
 .../dropdown_filter.html                      | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/django_admin_listfilter_dropdown/templates/django_admin_listfilter_dropdown/dropdown_filter.html b/django_admin_listfilter_dropdown/templates/django_admin_listfilter_dropdown/dropdown_filter.html
index fc068af..b7f5452 100644
--- a/django_admin_listfilter_dropdown/templates/django_admin_listfilter_dropdown/dropdown_filter.html
+++ b/django_admin_listfilter_dropdown/templates/django_admin_listfilter_dropdown/dropdown_filter.html
@@ -1,23 +1,27 @@
 {% load i18n %}
 <script type="text/javascript">var go_from_select = function(opt) { window.location = window.location.pathname + opt };</script>
-<h3>{% blocktrans with title as filter_title %} By {{ filter_title }} {% endblocktrans %}</h3>
-<ul class="admin-filter-{{ title|cut:' ' }}">
-{% if choices|slice:"4:" %}
-    <li>
-    <select class="form-control" style="width: 95%;margin-left: 2%;"
-        onchange="go_from_select(this.options[this.selectedIndex].value)">
-    {% for choice in choices %}
-        <option{% if choice.selected %} selected="selected"{% endif %}
-         value="{{ choice.query_string|iriencode }}">{{ choice.display }}</option>
-    {% endfor %}
-    </select>
-    </li>
-{% else %}
+<details data-filter-title="{{ title }}" open>
+    <summary>{% blocktrans with title as filter_title %} By {{ filter_title }} {% endblocktrans %}</summary>
+    <ul class="admin-filter-{{ title|cut:' ' }}">
+        {% if choices|slice:"4:" %}
+            <li>
+            <select class="form-control" style="width: 95%;margin-left: 2%;"
+                onchange="go_from_select(this.options[this.selectedIndex].value)">
+            {% for choice in choices %}
+                <option {% if choice.selected %} selected="selected"{% endif %} value="{{ choice.query_string|iriencode }}">
+                    {{ choice.display }}
+                </option>
+            {% endfor %}
+            </select>
+            </li>
+        {% else %}
 
-    {% for choice in choices %}
-            <li{% if choice.selected %} class="selected"{% endif %}>
-            <a href="{{ choice.query_string|iriencode }}">{{ choice.display }}</a></li>
-    {% endfor %}
+            {% for choice in choices %}
+                    <li {% if choice.selected %} class="selected"{% endif %}>
+                        <a href="{{ choice.query_string|iriencode }}">{{ choice.display }}</a>
+                    </li>
+            {% endfor %}
 
-{% endif %}
-</ul>
+        {% endif %}
+    </ul>
+</details>
\ No newline at end of file