JSFiddle - React, Tailwind, and code Playground

by softvar

HTML

<div id="ptor-nav-addon">
    <span id="ptor-describe-block">
    Describe Block
    <button id="describe-block-toggle-btn">Start</button>
    </span>
    <span id="ptor-it-block">
    It Block
    <button id="it-block-toggle-btn">Start</button>
    </span>
</div>

CSS

#ptor-nav-addon{
    background: #777;
    color:#000;
}

#ptor-it-block{
    display: none;
}

JavaScript

$(function(){
    $("#describe-block-toggle-btn").click(function(){
        $("#ptor-it-block").toggle();
        $(this).text(function(i, text){
          return text === "Start" ? "Stop" : "Start";
      })
    });
    $("#it-block-toggle-btn").click(function(){
        $(this).text(function(i, text){
          return text === "Start" ? "Stop" : "Start";
      })
    });
});