I am currently utilizing jQuery's CustomBox modal feature. While it is functioning properly, I am seeking a way to hide the div behind the modal (excluding the background image) when the modal is activated. I have successfully achieved this, but I am unsure of how to make that div visible again once the modal is closed. Currently, I must refresh the page for it to appear.
Here is the code snippet I have been using so far: http://codepen.io/doolz77/pen/esoHB/
I have omitted including the modal code here due to its length, however, you can view the actual page to see it in action.
To trigger the modal, simply click on the 'joey' link.
Thank you!
EDIT: The current control is done through jQuery. The function added in the footer is:
<script>
$(function () {
$('#fadein').on('click', function () {
$.fn.custombox( this {
effect: 'fadein'
});
return false;
});
});
</script>
This script handles the fading in and out of the modal. Should I add some code here to make the #wholePageContainer div reappear?