jQuery(document).ready(function($) { $('.cfd_download_link').click(function(e) { e.preventDefault(); var modalId = $(this).attr('data-target'); $('#' + modalId).show(); }); $('.cfd_close').click(function() { $(this).closest('.cfd_modal').hide(); }); // Close modal when clicking outside of it $(window).click(function(e) { if ($(e.target).hasClass('cfd_modal')) { $('.cfd_modal').hide(); } }); }); document.addEventListener('DOMContentLoaded', function() { var modal = document.querySelector('.cfd_modal'); // Replace '.cfd_modal' with your modal's actual class or ID document.body.appendChild(modal); });