Django/Foundation CSS Accordion не отображает содержимое

При использовании кода примера здесь в моем шаблоне Django, информация в div аккордеона-содержимого не отображается на экране, но проверка HTML показывает, что она существует. В предоставленном мной коде есть и моя динамическая версия аккордеона, и скопированный код примера, чтобы показать, что оба варианта не работают, но информация, похоже, загружается на веб-страницу. Я могу предоставить больше информации, но я не уверен, что она будет уместна, поэтому я включил только мой HTML и скриншот веб-страницы. Возможно ли, что Django вмешивается в CSS/JS Foundation?

Base.html

{% load static %}
<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{% block title %}{% endblock %}</title>
        <link rel="stylesheet" href="{% static 'css/foundation.css' %}">
        <link rel="stylesheet" href="{% static 'css/select2.css' %}">
        {% block css %}{% endblock %}
    </head>

    <body> <!--Need to fix top bar-->
        <div class="top bar">
            <div class="top-bar-left large-offset-1 medium-offset-1">
                
            </div>
            <div class="top-bar-right">
                <ul class="dropdown menu" data-dropdown-menu>
                    <li class="menu-text">Reading List Website</li>
                    {% if user.is_authenticated %}
                    <li><a href="/logout/">Logout</a></li>
                    {% else %}
                    <li><a href="/login/">Login</a></li>
                    {% endif %}
                  </ul>
                <ul class="menu">
                  {% if user.is_authenticated %}
                      {{ user.username }}
                  {% else %}
                      Guest
                  {% endif %}
                </ul>
              </div>
        </div>
        {% block content %}{% endblock %}
       
        {% block scripts %}
        <script src="{% static 'js/foundation.js' %}"></script>
        <script src="{% static 'js/vendor.js' %}"></script>
        <script src="{% static 'js/select2.js' %}"></script>
        {% endblock %}
    </body>

</html>

Book.html (веб-страница на скриншоте)

Website Screenshot

Вернуться на верх