JSFiddle - React, Tailwind, and code Playground

by itsazzad

HTML

<script src="http://www.bestandpure.co.nz/livesite/frontend.min.js"></script>
<link rel="stylesheet" href="http://www.bestandpure.co.nz/files/aria[10].css">
<div class="rband r5 clr">
    <div class="rwrap r5">
        <div class="r5c1 cregion_public-header c1">
            <ul class="list-tabs">
                <li style="background:red"><a href="#">FUNCTION CENTRE</a>
TAB1</li>
                <li style="background:green"><a href="#">INVESTMENT</a>
TAB2</li>
                <li style="background:blue"><a href="#">NZ PRODUCTS</a>
TAB3</li>
            </ul>
        </div>
    </div>
</div>

CSS

.list-tabs {
    background: gray
}

JavaScript

software_$(document).ready(function ($) {
    alert("ready");
    $(".software_list_tabs_container").on("tabscreate", function (event, ui) {
        alert("tabscreate");
    });
    $(".software_list_tabs_container").on("tabsselect", function (event, ui) {
        alert("tabsselect");
    });

});