-webkit-backface-visibility Memory Leak Test 2

by Owl

HTML

<div class="wrapper">
	<div class="el">1</div>
	<div class="el">2</div>
	<div class="el">3</div>
	<div class="el">4</div>
	<div class="el">5</div>
	<div class="el">6</div>
	<div class="el">7</div>
	<div class="el">8</div>
	<div class="el">9</div>
	<div class="el">10</div>
</div>

<div class="btns">
	<button class="clonebtn">Clone</button>
	<button class="removebtn">Remove</button>
</div>

CSS

.btns{
	position: absolute;
	left: 0px;
	top: 30px;
}
.el{
	float: left;
	-webkit-backface-visibility: hidden;
}

JavaScript

function cloneEls(){
	var wrp = $('.wrapper'),
		els = $('.el'),
		clone;

	for(var i = 0; i < 5; i++){
		clone = els.eq(i).clone(true,true);
		clone.addClass('cloned');
		wrp.append(clone);
	}
}

function removeEls(){
	$('.cloned').remove();
}

$('.clonebtn').click(function(){
	cloneEls();
	return false;
})
$('.removebtn').click(function(){
	removeEls();
	return false;
})