JSFiddle - React, Tailwind, and code Playground

by seano666

HTML

<div class="s3">s3</div>
<div class="button1">button1</div>
<div class="button2">button2</div>
<div class="ifparty" style="display:none;">ifparty</div>

CSS

.button1
{
    cursor:pointer;
}

JavaScript

$(document).ready(function() {
    $('.s3').addClass('one');
    $('.button1').addClass('party');
    $('.button2').addClass('bear');
    $('.button1').click(function(){
        $('.one').fadeOut(200);
        $('.ifparty').fadeIn(2000);
    });
});