tabview index update

unoduetre · Jul 25, 2011 · 0598374 · 0598374
1 parent acce480
commit 0598374
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/src/tabview/docs/index.mustache b/src/tabview/docs/index.mustache
@@ -1,5 +1,7 @@
 				<h2 id="anatomy">Anatomy of a TabView</h2>
 
+                <h3>Minimum Markup Requirement</h3>
+
                 <p>A <code>TabView</code> consists of a list of links that target a content element.</p>
                 <p>The basic markup needed to create from HTML is the following:</p>
 
@@ -18,15 +20,22 @@
 </div>
 ```
 
+                <h3 id="rendered-markup">Rendered Markup</h3>
 <p>After a <code>TabView</code> is rendered, the final markup becomes:
 
 ```
 <div class="yui3-widget yui3-tabview">
     <div id="demo" class="yui3-tabview-content">
         <ul class="yui3-tabview-list">
-            <li class="yui3-tab yui3-widget yui3-tab-selected"><a href="#foo" class="yui3-tab-label yui3-tab-content">foo</a></li>
-            <li class="yui3-tab yui3-widget"><a href="#bar" class="yui3-tab-label yui3-tab-content">bar</a></li>
-            <li class="yui3-tab yui3-widget"><a href="#baz" class="yui3-tab-label yui3-tab-content">baz</a></li>
+            <li class="yui3-tab yui3-widget yui3-tab-selected">
+                <a href="#foo" class="yui3-tab-label yui3-tab-content">foo</a>
+            </li>
+            <li class="yui3-tab yui3-widget">
+                <a href="#bar" class="yui3-tab-label yui3-tab-content">bar</a>
+            </li>
+            <li class="yui3-tab yui3-widget">
+                <a href="#baz" class="yui3-tab-label yui3-tab-content">baz</a>
+            </li>
         </ul>
         <div class="yui3-tabview-panel">
             <div id="foo" class="yui3-tab-panel">foo content</div>
@@ -100,7 +109,7 @@ YUI().use('tabview', function(Y) {
 
             <h2 id="skinning">Skinning TabView</h2>
             <p>The <code>TabView</code> comes with a basic skin by default.  This can be easily
-            customized using the rich set of <a href="#anatomy">classNames</a>.</p>
+            customized using the rich set of <a href="#rendered-markup">classNames</a>.</p>
             <p>For a more polished look and feel, we also ship with the "sam skin", which can 
             be applied by adding the <code>yui3-skin-sam</code> className to some ancestor:</p>
 
@@ -157,5 +166,5 @@ YUI().use('tabview', function(Y) {
             </tbody>
             </table>
 
-            <p>This is not an exhaustive list.  See the <a href="/yui/3/api/module_<?php echo($section); ?>.html">API docs</a> for a complete listing.</p>
+            <p>This is not an exhaustive list.  See the <a href="{{apiDocs}}/module_tabview.html">API docs</a> for a complete listing.</p>