1

我正在尝试使用 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>

4

1 回答 1

3

看来您没有使用相同的idhref值:

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

<div id="notes{{ note.id }}" ... > <!-- id="notes1" -->
于 2012-07-04T17:28:21.210 回答