JSFiddle - React, Tailwind, and code Playground
HTML
<meta name="viewport" content="width=device-width;max-scale=1"/>
<div id="box">
Click me
</div>
<div>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
CSS
#box {
background: green;
height: 100px;
}
a {
}
JavaScript
$(function(){
var $box = $('#box');
function fixTouchLayer() {
$('<span/>')
.css({
position: 'absolute',
visibility: 'hidden'
})
.appendTo(document.body)
.remove();
}
$box.click(function() {
$(this).anim({height: $(this).height() + 50 + 'px'}, 0.5, 'linear');
});
});