Dynamisch Akkordeon-Elemente zum DOM hinzufügen

Question

Ich versuche, Akkordeon-Elemente dynamisch zu meinem DOM hinzuzufügen und ich kann nicht scheinen, es richtig hinzuzufügen, so dass das neue Element seine ID an Ort und Stelle, Klasse an Ort und Stelle hat ...

Hier ist mein Code:

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); 
}; 

Wie kann ich es richtig hinzufügen?

Answer 1

ändern

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

mit

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