JSFiddle - React, Tailwind, and code Playground

by vonDy2791

HTML

<div id='click'>click</div>
<input type='text' id='txt' />
<div id='obj'>show hide</div>
<div id='ctr'>0</div>

CSS

div#click {
    cursor:pointer;
}

JavaScript

$(document).ready(function () {
    $('div#click').click(function () {
        hideShow();
    });
    $('#txt').keyup(function () {
        hideShow();
    });
});

function hideShow() {
    $('div#obj').stop().fadeOut('fast', count).fadeIn('fast');
    //$('div#obj').fadeOut('fast', count).fadeIn('fast');
    //$('div#obj').fadeOut('fast', function () {
    //     $(this).fadeIn('fast');
    //    count();
    //});
}

function count() {
    var ctr = $('div#ctr').html();
    var intCtr = Math.floor(ctr);
    intCtr += 1;
    $('div#ctr').html(intCtr);
}