If you keep an structure like this in HTML :
<a href="#" class="info" id="overlay1">...</a>
<div class="overlay">Content for overlay 1</div>
<a href="#" class="info" id="overlay2">...</a>
<div class="overlay">Content for overlay 2</div>
Take in care with the id
because that need to be unique and can't be multiple in the document.
Then you need to change your functions to be handle by the classnames and not the id like this:
$(".info").click(function(event) {
var ne = $(this).next('div.overlay');
event.preventDefault();
ne.fadeToggle(500);
return false;
$(".close").click(function(event) {
event.preventDefault();
ne.fadeToggle(500);
});
});
Check this CodePen