JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/js/jquery-1.2.3.min.js"></script>
<script src="http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/js/ui.core.min.js"></script>
<script src="http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/js/ui.tabs.min.js"></script>
<link rel="stylesheet" href="http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/css/nested-jquery-yui.css">
<link rel="stylesheet" href="http://cse-mjmcl.cse.bris.ac.uk/blog/jQueryNestedMenus/css/ui.tabs.css">
<div id="container">
    
    <ul>
        <li><a href="#fragment-1"><span>Section 1</span></a></li>
        <li><a href="#fragment-2"><span>Section 2</span></a></li>
        <li><a href="#fragment-3"><span>Section 3</span></a></li>
    </ul>
    <div id="fragment-1">
        <ul>
            
            <li><a href="#fragment-1a"><span>Section 1a</span></a></li>
            <li><a href="#fragment-1b"><span>Section 1b</span></a></li>
            <li><a href="#fragment-1c"><span>Section 1c</span></a></li>
        </ul>
        <div id="fragment-1a">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquam odio venenatis nunc. Duis at mauris ut quam gravida viverra. Proin sit amet nibh. Nunc pharetra. Duis malesuada ornare ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin non turpis. Phasellus blandit, dolor ac commodo bibendum, leo elit accumsan neque, a interdum enim dolor non lorem. Aenean convallis lacinia odio. Sed auctor gravida tortor.
        </div>
        <div id="fragment-1b">
            
            Nulla enim. Nulla sagittis volutpat pede. Mauris auctor. Mauris augue lorem, interdum ac, ornare eget, mattis eu, tellus. In vel metus eget pede iaculis commodo. Curabitur fringilla purus non dolor. Ut quam. Nulla interdum ultrices felis. Donec eu tortor. Curabitur porta mauris in nibh. Quisque imperdiet feugiat leo. In vel mauris eu tellus tristique suscipit.
       ...

JavaScript

// Tab initialization
$('#container ul').tabs({
    select: function(event) {
        // You need Firebug or the developer tools on your browser open to see these things
        console.log(event);
        // This will get you the index of the tab you selected
        console.log(event.options.selected);
        // And this will get you it's name
        console.log(event.tab.text);
    }
});