JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<a class="button">CLICK ME</a>
<div class="container">
<div class="red"></div>
<div class="orange"></div>
</div>
<div class="container">
<div class="red"></div>
<div class="orange"></div>
</div>
<div class="container">
<div class="red"></div>
<div class="orange"></div>
</div>
<div class="container">
<div class="red"></div>
<div class="orange"></div>
</div>

CSS

.button { background:green; display:block; padding:10px; color:white; }
.container { width:25%; float:left; }
.red { width:200px; height:200px; background:red; }
.orange { width:20px; height:20px; background:orange; margin:1px; }

JavaScript

$('.button').click(function () {
		$('.orange').appendTo('.red');
	});