JSFiddle - React, Tailwind, and code Playground

by boushley

HTML

<a class="clicker" href="#">Click Me</a>
<p> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultricies ultricies interdum. Ut imperdiet varius ligula, ac consequat tellus varius eu. Sed sed vehicula elit. Sed suscipit sem laoreet dui dictum ut sagittis tortor congue. Pellentesque tincidunt turpis quis diam sollicitudin eget iaculis magna tincidunt. Phasellus id metus laoreet dui luctus porta sed at neque. Aliquam erat volutpat. Maecenas cursus arcu et risus consectetur euismod. Duis ac purus mauris. Nulla at libero in nisl sodales venenatis. Sed accumsan, eros non facilisis condimentum, odio augue cursus nisi, quis facilisis est neque a orci. In sit amet elit tortor, ac ornare magna. Vestibulum sed ligula eget nisi pharetra molestie. Proin tincidunt sem porttitor erat tempus non iaculis eros porta. Nunc vitae ultricies nunc. Quisque condimentum, odio at ultrices tincidunt, augue turpis aliquet eros, ut tincidunt diam lectus eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent bibendum pulvinar nisl et commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi ut enim eget purus ultricies accumsan.
</p> 
<a class="clicker" href="#">Click Me</a>
<p> 
Integer a massa purus, sit amet sollicitudin sapien. Etiam ut metus elit. Mauris pellentesque, nisi in vehicula pretium, sem turpis auctor metus, quis egestas leo arcu eget urna. In semper sem sed lacus elementum eu consequat nisl tristique. Donec quis scelerisque augue. Sed tincidunt blandit lacinia. Donec metus sapien, malesuada ac viverra et, rhoncus quis velit. Proin ornare turpis nec justo consectetur gravida. Proin consectetur elementum sapien adipiscing lobortis. Vivamus lacinia elementum erat, aliquet bibendum tellus pulvinar nec. Fusce vitae augue justo, at viverra lacus. Suspendisse leo eros, lacinia eget feugiat ut, tincidunt id nulla. Donec ut elementum tellus. Integer in imperdiet leo....

CSS

#position {
    position: absolute;
    left: 200px;
    top: 10px;
    width: 100px;
    height: 100px;
    background-color: green;
}

JavaScript

$('.clicker').click(function (e) {
    e.preventDefault();
    $('#position').offset({left: 100, top: 100});
});