Nested tabs created programatically

Since there is no example at: http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/layout/test_TabContainer.html

HTML

<script src="http://amd.egoworx.com/jsfiddle-dojo-require.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/themes/claro/claro.css">
<h1>Nested tabs created programatically</h1>

<div id='tabContainer'></div>

JavaScript

require([
    "dojo/parser",
    "dojo/_base/array",
    "dijit/registry",
    "dijit/layout/TabContainer",
    "dijit/layout/ContentPane",
    "dojo/domReady!"], function (parser, array, registry, TabContainer, ContentPane) {

    parser.parse();

    var tabs = [{
        title: 'Tab 1',
        sub: [{
            title: 'My 1st inner',
            content: 'Lorem ipsum dolor sit amet'
        }]
    }];
    var tabContainer = new TabContainer({
        doLayout: false,
    }, 'tabContainer');
    array.forEach(tabs, function (tab) {

        var subTab = new TabContainer({
            title: tab.title,
            doLayout: false,
            nested: true
        });
        array.forEach(tab.sub, function (sub) {
            var cp = new ContentPane({
                title: sub.title
            });
            	
              
            var cc=  domConstruct.create('div',{className:'container'},cp.containerNode);
              domConstruct.create('div',{className:'box box-1'},cc);
                domConstruct.create('div',{className:'box box-2'},cc);
            
</div>
            
            subTab.addChild(cp);
        });
        tabContainer.addChild(subTab);
    });
    // _Container widgets will call startup on their children already
    tabContainer.startup();

   
});