var divNumber = 1;
$('.AddDiv').on('click', function() {
$('.Wrap').prepend($('<div class="container"><div class="count" id="div' + divNumber + '" onclick="makeCount(this.id);">My Counter</div><div class="background"></div><div class="hover"></div></div>'));
divNumber++;
});
var divNumber = 1;
$('.AddDiv').on('click', function() {
$('.Wrap').prepend($(' <div class="List"><div class="count" id="divList' + divNumber + '" onclick="makeCount(this.id);">My Counter</div></div></div>'));
divNumber++;
});
function makeCount(id) {
var count = parseInt($("#" + id).text());
if (isNaN(count)) {
count = 1; //For the first click
} else {
count++;
}
$("#" + id).text(count);
}
$(".GreyDiv").on("click", function() {
$(".container").css({
display: 'none'
});
$(".List").css({
display: 'block'
});
});
$(".RedDiv").on("click", function() {
$(".container").css({
display: 'block'
});
$(".List").css({
display: 'none'
});
});var divNumber = 1;
$('.AddDiv').on(