当我点击另一个时，如何让我的手风琴变得可折叠？

Question

我希望手风琴在点击另一个时隐藏起来。现在，如果clck one accordian它的扩展，当我点击另一个时，两个都只是保持扩展。因为我使用的课程不是id。

{% for s in data %}
<div class="accordion">
     <h4>Data {{s.id}}</h4>
   <div>
     <p>
      {{s.description}}
    </p>
   </div>
</div>
{% endfor %} 

<script>

        jQuery(document).ready(function($){
                $(".accordion").accordion({ collapsible: true, active: false });
});

我希望手风琴一次折叠。

Answer 1

你的for循环必须在accordion div中：

<div class="accordion">
    {% for s in data %}
        <h4>Data {{s.id}} </h4>
        <div>
           <p>
              {{s.description}}
           </p>
        </div>
    {% endfor %}
</div>