JSFiddle - React, Tailwind, and code Playground

HTML

<button id="btn">Wooow</button>

CSS

#btn { opacity: 0.3; margin: 200px; }

JavaScript

$('#btn').hover(function() {
    $(this).animate({'opacity':1},100);
}, function() {
    $(this).animate({'opacity':0.3},100);
});

$('#btn').on('click',function(){
    $(this).trigger("mouseout").animate({'margin-top':'-100px'},400);
});