Html 无法折叠面板

我正在尝试使用引导来拥有一个可折叠的面板

这是我的html：

<div class="col-xs-12 col-sm-6">
    <div class="panel panel-default">
    <div class="panel-heading">Amérique du nord/North America <span data-toggle="collapse" target-target="#panelBodyOne" class="collapsed">+</span></div>
            <div id="panelBodyOne" class="panel-body collapse"> Test</div>
      </div>
</div>

北美洲/北美航空公司+
试验

---

有人能告诉我为什么这不起作用吗？

您的目标属性命名为

target-target

，但它应该是

data-target

<span data-toggle="collapse" data-target="#panelBodyOne" class="collapsed">+</span>

+

在span标签上添加

数据目标

属性

试试这个代码

北美洲/北美航空公司
+
试验

@kot09别担心！我们都有休息的时候：D帮我一个忙，把这个标记为正确答案？