Trouble With Enfold Lightbox Popup

Hello,

I am having trouble showing an Enfold lightbox popup using a button to show a hidden color section and its contents on the same page.
I created a color section with a button and gave it a Custom ID of “demopop”
I created a second color section and gave it a Custom ID of “demopop” and a Custom CSS class of “mfp-hide”
I added the below code to function php…

function inline_popup_enabler(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.inline_popup’).magnificPopup({
type:’inline’,
midClick: true
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘inline_popup_enabler’);

I’ve seen this work, just not sure how to make it work for me. I setup an admin account for you if you need to get to the page. See private content below.
Thanks for any help you can provide,

Steve