Me gustaría construir para mi sitio web un mega menú como este modelo: https://jsfiddle.net/pcatydqh/

Pero me gustaría usar jquery para cargar este menú desde mi archivo popupMenu.php, tengo este código jquery a continuación para cargarlo:

 $('body').on('click','.openbtn',function(){ var xmlhttp; if(window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if(this.readyState==4 && this.status==200) { document.getElementById("mySidebar").style.width = "300px"; document.getElementById("mySidebar").innerHTML=xmlhttp.responseText; document.getElementById("main").style.marginLeft = "300px"; } } xmlhttp.open("GET","../scripts/popupMenu.php",true); xmlhttp.send();

});

Cuando hago clic en el botón de mi menú (class="openbtn"), abre y muestra mi menú (no hay problema) pero no puedo abrir los subenlaces en mi div class="dropdown-container" haciendo clic en mi botón class="dropdown-btn", no funciona, ¿cómo solucionar este problema?

Gracias de antemano por su ayuda.

Pablo