JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu"><div id="photo"></div><hr/><div id="info" class="menu">Info</div><div id="msg" class="menu">Message</div><div id="files" class="menu">Files</div><hr/></div>

CSS

.menu{

    color:#666;
    cursor:pointer;
    margin-top:1px;
    margin-bottom:1px;
    padding:1px 1px 1px 10px;
    font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    font-size:13px;
}

JavaScript

$('#info').click(function(){
    $.post('/echo/html/', {
        html: '<div id="username">lonewolfs</div><div id="firstname">Lone</div><div id="lastname">WOLFs</div><div id="sex">1</div><div id="dob">1982-10-20</div><div id="address">Bahamas</div><div id="city">XYZ</div><div id="state">StateXYZ</div><div id="country">USA</div><div id="phone">9999999999</div><div id="email">[email protected]</div><div id="messagebody"></div>'
    }, function(data) {
        $('body').append($(data).filter('#email'));
    });
});


//question lies here ==> click on info to begin

$('.menu').ajaxStart(function(){
    $(this).text('Requesting...');
});

$('.menu').ajaxStop(function(){
    $(this).text('Done...!');
});