nested tabs.js

(function() {
    var tabView = new YAHOO.widget.TabView();

    tabView.addTab( new YAHOO.widget.Tab({
        label: 'lorem',
        content: '<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat.</p>',
        active: true
    }));

    tabView.addTab( new YAHOO.widget.Tab({
        label: 'ipsum',
        content: '<ul><li><a href="#">Lorem ipsum dolor sit amet.</a></li><li><a href="#">Lorem ipsum dolor sit amet.</a></li><li><a href="#">Lorem ipsum dolor sit amet.</a></li><li><a href="#">Lorem ipsum dolor sit amet.</a></li></ul>'

    }));

    tabView.addTab( new YAHOO.widget.Tab({
        label: 'dolor',
        content: '<form action="#"><fieldset><legend>Lorem Ipsum</legend><label for="foo"> <input id="foo" name="foo"></label><input type="submit" value="submit"></fieldset></form>'

    }));
    YAHOO.log("The example has finished loading; as you interact with it, you'll see log messages appearing here.", "info", "example");

    tabView.addTab(new YAHOO.widget.Tab({
        label: 'Nested Tab',
        content: ''
        })); 
        
    var nestedTab = new YAHOO.widget.TabView(); 
    nestedTab.addTab(new YAHOO.widget.Tab({
        label: 'Nested label tab 1', 
        content: '<p>Nested tab 1 content</p>',
        active: true
        })); 
        
    nestedTab.addTab(new YAHOO.widget.Tab({
        label: 'Nested label tab 2', 
        content: '<p>Nested tab 2 content</p>'
        })); 
        
        
        

    tabView.appendTo('container');
    var t = tabView.getTab(3); 
    nestedTab.appendTo(t.get('contentEl'));  
    
})();
</script>