JSFiddle - React, Tailwind, and code Playground

HTML

<img class="one" src="http://www.clker.com/cliparts/F/e/5/S/W/m/woman-silhouette-hi.png" style="width: 300px; height: 650px;">

<!--<img class="two" src="http://www.clker.com/cliparts/F/e/5/S/W/m/woman-silhouette-hi.png" style="width: 300px; height: 650px;">-->

<input class="hide" type="button" value="Уходи :\">    
<input class="show" type="button" value="Нет, вернись!">

CSS

input {
    vertical-align: top;
}

JavaScript

/*$('.hide').on('click', function() {
    $('img').slideUp(2000, 'swing');
});

$('.show').on('click', function() {
    $('img').slideDown(2000, 'linear');
});*/

/*$('.hide').on('click', function() {
    $('.one').slideUp(2000, 'swing');
    $('.two').slideUp(2000, 'linear');

});

$('.show').on('click', function() {
    $('.one').slideDown(2000, 'swing');
    $('.two').slideDown(2000, 'linear');
});*/