Codecanyon Simple Notifications

main.js

$(document).ready(function(){	
$('.close').click(function(){
		var box = $(this).parent();
		box.addClass('inactive');
		window.setTimeout(function(){
			box.remove()
		}, 700)
	})
});

var fireNotification = function(config){
	if($('.n-container.' + config.position).length === 0){
		$('body').append('<div class="n-container ' + config.position + '"></div>');
	}
	
	var id = 'id-' + Math.floor(Math.random() * 100);
	
	$('.n-container.' + config.position).prepend('<aside class="notification-' + config.type + ' ' + config.position + ' animation-' + config.animation + ' ' + id + '"><img alt="" src="' + config.img + '"/><h1>' + config.heading + '</h1><p>' +  config.text + '</p><button class="close">Close</button></aside>');
	
	if(config.duration > 0){
		window.setTimeout(function(){
			$('.' + id).addClass('inactive');
		}, config.duration);
		
		var t = config.duration * 1 + 1000;
		window.setTimeout(function(){
			$('.' + id).remove();
		}, t )
		console.log(id)
	}
	
	$('.close').click(function(){
		var box = $(this).parent();
		window.setTimeout(function(){
			box.remove()
		}, 700)
	})
}