JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<div id="Test" style="background-color:blue;width:40px;height:40px"></div>

JavaScript

$('#Test').unbind('click').bind('click', function () {
    $('#Test').effect('shake', {
        direction: 'left',
        easing: 'easeOutBounce', 
        distance: 5,
        times: 1
    }, 300,
    $('#Test').effect('shake', {
        direction: 'down',
        easing: 'easeOutBounce', 
        distance: 5,
        times: 1
    }, 300,
    $('#Test').effect('shake', {
        direction: 'left',
        easing: 'easeOutBounce', 
        distance: 5,
        times: 1
    }, 300)));
});