JSFiddle - React, Tailwind, and code Playground

by anubhavranjan

HTML

<link rel="stylesheet" href="http://www.thepantrybromley.com/home/css/bootstrap.css">
<script src="http://www.thepantrybromley.com/home/js/bootstrap.min.js"></script>
<div id="content">:: subgroup-hotnav-panel-sec_1_subsec_12
    <br />ItemsIDs:
    <!-- TAB CONTROL BEGIN -->
    <div id="tabs">
        <ul>
            <li><a href="#tabRef__sec_id_1_subsec_id_12_page_1">1</a>
            </li>
            <li><a href="#tabRef__sec_id_1_subsec_id_12_page_2">2</a>
            </li>
        </ul>
        <!-- TAB CONTROL END -->
        <!-- TAB CONTENT BEGIN -->
        <div id="tabRef__sec_id_1_subsec_id_12_page_1">             tabRef__sec_id_1_subsec_id_12_page_1_content
             <h1>1</h1>

            <p>11</p>
        </div>
        <div id="tabRef__sec_id_1_subsec_id_12_page_2">tabRef__sec_id_1_subsec_id_12_page_2_content
             <h1>2</h1>

            <p>22</p>
        </div>
    </div>
</div>

JavaScript

$(function () {
    $("#tabs").tabs();
});