The issue seems to be that every <div> tag is set to display:none when initialized. That includes, properly, every <div> tag immediately under the <div class="panes"> tag. But it also includes all <div> tags nested inside, arbitrarily deep.

Looking at the code in tools.tabs-1.0.1.js, I note that the functions that show() and hide() only seem to work on the second-level <div> tag, setting the "display" attribute to block when showing and "none" when not. Nested <div> tags aren't touched.

So the question becomes, "what is setting nested <div> tags to display: none in the first place? Turns out that it's the CSS specific to the divs in question. The CSS line beginning with "div.panes div" has a display: none that is affecting ALL divs. Taking this line out renders all divs and also allows the initialization code to only work on the second-level div.

Your other option, of course, is to assign a class to the second-level <div> and add that class to the CSS. All further, nested <div> elements, not being a member of that class, won't pick up the display: none attribute.

I just started using this toolset yesterday and immediately ran into this, so I'm glad I could help out here.