I use function to show dialog with custom headline and text in it. (jQuery)
function callDialog(headline, text_in) {
$("#spinner-wrapper").after("<div id='Custom_Dialog'><div class='darker-background'></div><div class='custom-dialog'><h3>" + headline + "</h3><hr><p class='birth'>" + text_in + "</p></br><button style='float: right;' id='Dialog_Button' class='btn btn-primary'>Okay</button></div></div>");
}
(Dialog shows exactly how I want)
And I use function to hide it, but this function don't work for some reasons. I tried using click()
and on("click", function() {});
etc...
$('.darker-background').on('click', function(){
alert("Clicked");
$('#Custom_Dialog').fadeOut(500);
});