JSFiddle - React, Tailwind, and code Playground

by Chandu

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/start/jquery-ui.css"
type="text/css" media="all"/>

<button id="addspan">Add span</button>
<div id="wrap">
    <ul></ul>
</div>

CSS

span{
    border:1px solid red;
    display:block;
    idth:300px;
    height:30px;
    margin-bottom:10px;
}

JavaScript

$(function(){
            var count = 1;
            $('#wrap').tabs();
            $('#addspan').click(function() {
                $('#wrap').append('<span id="page' + count + '">testing</span>');
                //$('#wrap').find('ul').append('<li><a href="#page' + count + '">' + count + '</a></li>');
                $('#wrap').tabs("add","#page" + count, count);
                count++;
            });
        });