JSFiddle - React, Tailwind, and code Playground
HTML
<span class="btn like">Send Request</span>
<span class=" dislike">Dislike</span>
CSS
span{ background-color:#999; padding:10px; color:#FFF; cursor:pointer;}
JavaScript
$(function(){
$(".dislike").css("display", "none");
$(".btn").on("click", function(){
var _this = $(this).text();
if(_this == "Like")
{
$(".btn").css({"display":"inline-block"});
$(this).css({"display":"none"});
}
else
{
$(".btn").css({"display":"inline-block"});
$(this).css({"display":"none"});
}
});
});