JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
    <div id="menu">
        <ul>
            <li><a href="#"><span>Inspection</span></a></li>
            <ul id="ul-inspection">
                <li><a href="#"><span>show tabs1</span></a></li>
                <li><a href="#"><span>show tabs2</span></a></li>
            </ul>
        </ul>
    </div>

    <div id="tabs">
          <ul>
               <li><a href="#tabs1">Inspection Report</a></li>
               <li><a href="#tabs2">Input Data</a></li>
          </ul>
      <div id="tabs1">
           bla bla bla
      </div>
      <div id="tabs2">
           blah blah blah
      </div>
   </div>

JavaScript

$(function() {
    $("#tabs").tabs();
    $("#ul-inspection a").each(function(index) {
        $(this).click(function(){
            $("#tabs").tabs("select", index);
            return false;
        });
    });
});