如何清除内容div并使用JavaScript重新显示

Question

我正在使用jQuery CustomBox模态。 我的所有功能都正常运行，但是我希望它后面的div（但不是背景图像）在单击模式时消失。 我已经做到了，但是在代码上不太确定，以确保在关闭模式后再次将其重新显示。 目前，我必须刷新页面才能使其返回。

这是到目前为止我正在使用的代码： http : //codepen.io/doolz77/pen/esoHB/

由于额外的代码量，我没有包含模式，但是，这是指向实际页面的链接

要使模式出现，只需单击“ joey”链接。

谢谢！

编辑：目前由jQuery控制。 页脚中放置的呼叫为：

<script>
$(function () {
    $('#fadein').on('click', function () {
    $.fn.custombox( this {
    effect: 'fadein'
    });
    return false;
    });
});
</script>

这使模态渐入渐出。 我只需要在此处放置一些代码，以便#wholePageContainer div重新出现？

Answer 1

您需要先存储html，然后再删除它以供以后检索。 或者，您可以使用显示/隐藏来减轻痛苦并实现所需的功能：

function clearBox(wholePageContainer)
{
 document.getElementById(wholePageContainer).style.display = "none";
}
function showbox(wholePageContainer)
{
 document.getElementById(wholePageContainer).style.display = "block";
}

演示版

Answer 2

这是您要找的东西吗？

http://codepen.io/anon/pen/giFEL

编辑：上面的链接的解释：在上面的链接中，我将html和body标记设为100％，将内容的div元素删除了某个百分比，即50％，如果它是，则将保留div占用空间事件空的。

接下来，我将html内容存储到一个隐藏的div元素中，并在需要时将其还原回div中。