Hey there, I would like to load an html page into a div using
$(document).ready(function() {
$("#popupContent").load("aeffect.html");
//Close property
$("a.close").click(function(){
$("#popupContainer").empty();
});
});
My html from the calling page is:
<div id="popupContent"></div>
What I would like to do, is when aeffect.html
is loaded into the div, that it also writes the code from aeffect.html
into the body of the calling page so that the end resulton the calling page would read as follows:
<div id="popupContent">
<div class="projectPopup" id="aeffect">
<a class="close">Close ×</a>
<img src="/img/aeffect_popup.jpg" width="500" height="729" alt="" />
<p class="description">Description</p></div>
</div>
My problem is resulting because I am trying to make aeffect.html
disappear once the user hits close
. I figured I could just have it empty the DIV, but there is nothing to empty…