Javascript 动态地将accordion元素添加到DOM中

我试图动态地将accordion元素添加到我的DOM中，但我似乎无法正确地添加它，以便新元素的ID、类等都已就位

这是我的密码：

function addAccordion(esr){

var elementID = document.getElementById("ThreatMainDiv_" + esr.marking);
var emittersDiv = document.getElementById("Emitters");

if(elementID != null){
    return;
}

    var marking = esr.marking;
    var tmp;
    tmp = "\"" + "ThreatMainDiv_" + marking + "\"";
    var topDiv = '<div id='+ tmp + ' class="accordionTitle"><h1 style="font-size: 16px"></h1></div>';
    var tDiv = document.createElement('div');
    tDiv.innerHTML = topDiv;
    $('#Emitters').append(tDiv);
};

功能添加手风琴（esr）{
var elementID=document.getElementById（“ThreatMainDiv_u2;”+esr.marking）；
var emittersDiv=document.getElementById（“发射器”）；
if（elementID！=null）{
返回；
}
var标记=esr标记；
var-tmp；
tmp=“\”“+”ThreatMainDiv\”+标记+“\”；
var-topDiv=''；
var tDiv=document.createElement（'div'）；
tDiv.innerHTML=topDiv；
$（“#发射器”）。附加（tDiv）；
};

如何正确添加它？

更改

$('.accordionTitle').click(function(){});

与

---

手风琴元素的含义是什么？什么不起作用？我已经猜到了代码的其余部分（因为您没有提供完整的示例），但它似乎是有效的：像链接中的下拉元素：让它变得更简单，我如何创建“脱机字符串”，稍后将添加到我的DOM中，并且它们的属性将就位？

$(document).on('click','.accordionTitle',function(){});