动态创建时，可折叠不起作用

Question

我在尝试使用javascript创建可折叠div时遇到了一些问题。

如果我把代码放在里面，它可以工作但不是动态的。

这就是我创建div的方法：

iDiv.id = 'sectorDiv_'+distritoPosicion;
iDiv.className = 'sectorDiv_'+distritoPosicion;
iDiv.setAttribute('data-role', 'collapsible');
iDiv.setAttribute('data-collapsed-icon', 'arrow-r');
iDiv.setAttribute('data-expanded-icon', 'arrow-d');
document.getElementById('listaSectores').appendChild(iDiv);

之后，我用innerHTML添加标题：

<h3>Title</h3>

然后，我的所有文本，divs ......与innerHTML

但是h3文本显示为静态文本，下面是我的所有内容。我无法隐藏它。