JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div id="links">
    <input type="button" id="btnHome" value="Home" />
    <input type="button" id="btnAboutme" value="About me" />
    <input type="button" id="btnPortfolio" value="Portfolio" />
    <input type="button" id="btnContact" value="Contact me" />
</div>

JavaScript

$("#btnHome").click(function () {
    if (!(tmpNo == 1)) {
        animateLeft(tmp, $home);
    }
    tmpNo = 1;
    tmp = $home;
    alert('home');
    return false;
});

$("#btnAboutme").click(function () {
    if (!(tmpNo == 2)) {
        animateLeft(tmp, $aboutme);
    }
    tmpNo = 2;
    tmp = $aboutme;
    return false;
});

$("#btnPortfolio").click(function () {
    if (!(tmpNo == 3)) {
        animateLeft(tmp, $portfolio);
    }
    tmpNo = 3;
    tmp = $portfolio;
    return false;
});

$("#btnContact").click(function () {
    if (!(tmpNo == 4)) {
        animateLeft(tmp, $contact);
    }
    tmpNo = 4;
    tmp = $contact;
    return false;
});