JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs" style="width:700; height:1000">
    <ul>
    <li><a href="#tabs-1">Referral</a></li>
    <li><a href="#tabs-2">Details</a></li>
    <li><a href="#tabs-3">Other</a></li>
    </ul>
    <div id="tabs-1">Tab 1</div>
    <div id="tabs-2">Tab 2</div>
    <div id="tabs-3">Tab 3</div>
   <button id="btnMainSave">Save</button>
</div>

JavaScript

$('#tabs, #tabs-3').tabs({
      activate: function(e, ui) {
        $('#btnMainSave').toggle( !$(ui.newPanel).is('#tabs-3') );
      }
    });