django 中的手风琴包含模板答案

【问题标题】：Accordion in django include templatedjango 中的手风琴包含模板
【发布时间】：2020-08-19 20:06:30
【问题描述】：

**嗨，我正在使用包含 django 模板将另一个模板放入 main.html。这是我用来获取 appendix.html 的代码行。 **

{% include "appendix.html" %}

使用这行代码后，我的手风琴不起作用。关于如何解决这个问题的任何想法？ 这是我的 main.html 完整代码

{% extends 'adminlte/barebase.html' %}
{% load crispy_forms_tags %}
{% block content %}

    <style type="text/css">
        [data-toggle="collapse"]:after {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\f107';
            font-family: 'Font Awesome\ 5 Free'; 
            font-weight: 900; /* Fix version 5.0.9 */
            transform: rotate(180deg) ;
            transition: all linear 0.25s;
            float: right;
        }   

        [data-toggle="collapse"].collapsed:after {
            transform: rotate(0deg) ;
        }
    </style>
         <div class="card">
                <div class="" style="width:20%,height:20%">
                    <div id="accordion" class="card-body" style="width:20%,height:20%">
                        <div class="title-section m-3">
                            <h5 style="display:inline-block;" class="title-section">Client Information</h5>
                            <a data-toggle="collapse" href="#collapseOne" aria-expanded="true"></a>
                            <hr>
                        </div>
                        <content>
                            <div id="collapseOne" class="row m-2 collapse show" role="tabpanel" aria-labelledby="headingOne">
                                <div class="col-lg-3">
                                    <label>{{form.ClientName|as_crispy_field}}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label>{{form.TaxRef|as_crispy_field}}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label>{{ form.Period_Employement|as_crispy_field }}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label> {{ form.Basis_Period|as_crispy_field }}</label>
                                </div>
                            </div>
                        </content>
                        <div class="title-section mt-4 m-3">
                            <h5 style="display:inline-block;" class="title-section">Testing</h5>
                            <a data-toggle="collapse" href="#collapseTwo" aria-expanded="true"></a>
                            <hr>
                        </div>
                        <content>
                            {% include "appendix.html" %} 
                        </content>
                    </div>
                </div>
            </div>
{% block content %}

【问题讨论】：

标签： html django accordion

【解决方案1】：

首先在最后一行——放 {% endblock %} 而不是 {% block content %} 如果这没有成功，那么在第一行尝试 {% extends "barebase.html" %} 如果两个文件，即 main.html 和 appendix.html 都在同一个文件夹中

【讨论】：