JSFiddle - React, Tailwind, and code Playground

by jackrugile

HTML

<script src="http://jackrugile.com/jrumble/js/jrumble.1.1.min.js"></script>
<div id="earthquake">Earthquake</div>
<div id="image">Image</div>

CSS

div { color: #fff; width: 200px; height: 200px; background: #000; text-align: center; line-height: 200px; margin: 0 0 20px; }

JavaScript

$(document).ready(function(){    
    $('#earthquake').jrumble({rumbleEvent: 'click'});
    $('#earthquake').trigger('click');
  
    $('#image').click(function(){
        $('#earthquake').trigger('click');  
        $('#earthquake').unbind('click');  
    });
});