YUI: TabView Flicker and TabView inside TabView
Tab One Label
Tab Two Label
Tab Three Label
Tab One Content
Tab Two Content
Tab One Label
Tab Two Label
Tab Three Label
Tab One Content
Tab Two Content
Tab Three Content
The CSS
div.yui-content div { display: none; } #demo2 div.yui-content, #demo2 { display: block; }
The HTML
<div id="demo" class="yui-navset"> <ul class="yui-nav"> <li class="selected">Tab One Label</li> <li>Tab Two Label</li> <li>Tab Three Label</li> </ul> <div class="yui-content"> <div><p>Tab One Content</p></div> <div><p>Tab Two Content</p></div> <div> <p> <div id="demo2" class="yui-navset"> <ul class="yui-nav"> <li class="selected">Tab One Label</li> <li>Tab Two Label</li> <li>Tab Three Label</li> </ul> <div class="yui-content"> <div><p>Tab One Content</p></div> <div><p>Tab Two Content</p></div> <div><p>Tab Three Content</p></div> </div> </div> </p></div> </div> </div>