Question

我正在尝试使用Bootztrap设计一个可折叠的手风琴，信息随手风琴一起出现（使用Django模板循环播放）。

我唯一的问题是标题不会公开以显示内容。第一个看起来是开放的，因为它被设计为显示内容但不会关闭。

我在我的应用程序中的另一个模板上使用了完全相同的方法来获得不同的手风琴，它可以毫无障碍地工作。 “点击”似乎有些问题。

非常感谢任何有关如何修复此问题的见解。

以下是手风琴部分的代码：

    <div class="span4 offset1">
    <h2>Notes</h2>
    <div class="accordion" id="note_accordion">
        {% for note in user.notes.all reversed %}
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle note-header well" data-toggle="collapse" href="#note_{{ note.id }}">
                      {{ note.title }} – {{ note.date }}</a>
               </div>
                <div id="notes{{ note.id }}" class="accordion-body collapse{% if forloop.counter0 == 0 %} in{% endif %}">
                    <div class="accordion-inner">
                        <div>
                                <p>{{ note.copy|linebreaksbr }}</p>
                        </div>
                    </div>
                </div>
               </div>
                {% endfor %}    
            </div>
    </div>  
</div>

Answer 1

您似乎没有使用相同的id和href值：

<a ... href="#note_{{ note.id }}"> <!-- href="#note_1" -->

<div id="notes{{ note.id }}" ... > <!-- id="notes1" -->

Bootstrap手风琴琴身不会打开;保持崩溃

1 个答案: