如何在Django的html标签里使用模板变量

Question

这是我html的主体代码：

<div class='container'>
    {% for post in posts %}
        <button class='btn btn-danger' data-toggle='collapse' 
            data-target='#{{ post.title }}'>{{ post.title }}</button>
        <h4>{{ post.timestamp|date }}</h4>
        <div id="{{ post.title }}" class='collapse'>{{ post.body }}</div>
    {% endfor %}
</div>

目的是想实现点击文章标题隐藏文章的主体，如下图：

点击第一个标题没问题：

但是点击另两个完全没反应，刚学django没多久，请问要怎么改呢？

用的是Bootstrap，js部分很简单，如下：

$(document).ready(function(){   
    $('.collapse').collapse()  
})

在控制台发现了错误：

Answer 1

问题解决了，方法是把data-target='#{{ post.title}}' 改成data-target = '#{{ post.id }}' ,对应div的id也跟着改。很奇怪，事实上我的例子里文章的title也是唯一的，为什么就不行呢？谁能解释下？

Answer 2

JS控制台发现错误，已补充

Answer 3

恩，用的是bootstrap，我按你的方法试了一下没有成功，应该是我代码写错了，刚学没多久，你能把代码写一下吗？

Answer 4

回复
建议你看一下http://v3.bootcss.com/javascript/#collapse

Answer 5

回复
问题解决了，方法是把data-target='#{{ post.title}}' 改成data-target = '#{{ post.id }}' ,很奇怪，事实上我的例子里文章的title也是唯一的，为什么就不行呢？

Answer 6

你用的bootstrap的
collapse组件吧, 没有定义data-parent

Answer 7

JS部分已补充在原问题

Answer 8

这应该要看一下JS部分吧，光是django这一部分看不出什么问题