Javascript 手风琴控制不工作

我试图在我的一个用例中使用来实现它。手风琴演奏不正常。当我点击标题时，它不是打开和关闭

我的HTML代码：

  <accordion close-others="true">
<accordion-group  heading="Fruits">
<div class="section">
    <ul><li>Apples</li><li>Mango</li><li>Ban</li></ul>
  </div>
</accordion-group>
<accordion-group  heading="Animals">
<div class="section">
    <ul><li>Dog</li><li>Rat</li><li>Cat</li></ul>
  </div>
</accordion-group>
<accordion-group  heading="Test">
<div class="section">
    <ul><li>Test1</li><li>Test2</li><li>Test3</li></ul>
  </div>
</accordion-group>
</accordion>

苹果
芒果
禁令
狗
大鼠
猫

测试1
测试2
测试3

我的脚本中包含了accordion.js文件

---

我是否缺少要添加到项目中的任何其他文件

如果您对此感到困惑，可以使用引导方式，如

<div class="age-lists df-demography-cat">
<div class="demography-htag df-inhtag">
<h4 class=" arvo-bold ft-14 pull-left"><a data-toggle="collapse" data-parent="#accordion" href="#collapseage"><i class="fa fa-plus-square-o"></i> Age</a></h4>
<input  class="switch-handle" type="checkbox" checked>
</div>
<p class="clearfix"></p>
<div id="collapseage"  class="collapse out">
<ul class="list-inline">
 <li><span>0-15</span></li>
<li><span class="selected fa">15-25</span></li>
<li><span>25-35</span></li>
<li><span>35-50</span></li>
</ul>
<span class="add-more-dfbtn"><button type="button" class="btn-default small">add more</button></span>
</div>
</div>

0-15
15-25
25-35
35-50

添加更多

这非常简单，只需使用内部页面内容引用来处理收拢/收拢。 如图所示

---

我知道您受到上述代码的困扰。您没有完整的源代码库

看看这里的小点子

引导示例

这是一种非常简单的手风琴演奏方法。。。。
一,。0-15
二,。15-25
三,。25-35
四,。35-50

苹果
芒果
禁令

狗
鼠
猫

Test1
Test2
Test3

是否包含引导JS文件？控制台中有错误吗？我猜您缺少模块依赖项，appbootstrap JS文件中包含angular ui。谢谢您的快速回复。由于某些原因，我不得不使用上面提到的手风琴。你错过了css、bootstrap和angular js。或者它们的兼容性。