Javascript “树展开-折叠不工作”；按钮的可扩展和可折叠内容“；

使用另一个脚本的树结构源文件对于我正在使用的层次结构非常有效

但当我在按钮的“可展开可折叠内容”中使用相同的树结构内容时，问题就出现了：如果我使用树结构的java脚本代码，则按钮的展开折叠功能不起作用，但树的展开折叠功能起作用。当我不使用树状结构的java脚本代码时，按钮的展开折叠功能就起作用了，不用说树的展开折叠功能就不起作用了

我附上按钮的代码和它的java脚本代码

//按钮JS代码。。。。。。
（功能（）{
（“#demo”）.on（'hide.bs.collapse'，function（）{
（'button1'）.html（'Show'）；
})
（“#demo”）.on（'show.bs.collapse'，function（）{
（'button1'）.html（'Hide'）；
})
})
（功能（）{
（“#demo”）.on（'hide.bs.collapse'，function（）{
（'button2'）.html（'Show'）；
})
（“#demo”）.on（'show.bs.collapse'，function（）{
（'button2'）.html（'Hide'）；
})
})
//树形结构JS代码。。。。。。

显示1


父母亲


小孩


阿克希尔


曾孙


曾孙


曾孙




曾孙


曾孙




孙子




小孩


孙子


孙子


曾孙


曾孙


曾孙




曾孙


曾孙




孙子










表演2
Wa
Adurer
Mae