JSFiddle - React, Tailwind, and code Playground
HTML
<label>Howdy, pard!</label>
<label id="lblLoading">loading...</label>
<br/>
<button id="btnHideLoading">Hide loading</button>
<button id="btnShowLoading" class="hide">Show loading</button>
CSS
.hide {
visibility: hidden;
}
.show {
visibility: visible;
}
JavaScript
$('#btnHideLoading').click(function () {
$('#lblLoading').toggleClass('hide');
$('#btnShowLoading').toggleClass('hide');
$('#btnHideLoading').toggleClass('hide');
});
$('#btnShowLoading').click(function () {
$('#lblLoading').toggleClass('hide');
$('#btnHideLoading').toggleClass('hide');
$('#btnShowLoading').toggleClass('hide');
});