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 (веб-страница на скриншоте)