JSFiddle - React, Tailwind, and code Playground

by ProjectSoft

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="container">

</div>
<div class="buttons">
<button>
Add
</button>
</div>

CSS

.lock {
  height: 24px;
  border: 1px solid #ccc;
  margin: 5px;
}
.ok {
  background-color: red;
}

JavaScript

$("body").on("mouseover mouseout", ".lock", function(e){
	$(this).toggleClass('ok');
});

$("button").on("click", function(e){
	$(".container").append($("<div></div>", {class:"lock"}));
})