]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Tweak the basic example of tabs to show correct usage than the earlier example that...
authorKevin Lozandier <lozandier@gmail.com>
Thu, 21 Aug 2014 22:53:35 +0000 (15:53 -0700)
committerGeoff Kimball <geoff@zurb.com>
Thu, 21 Aug 2014 22:58:52 +0000 (15:58 -0700)
doc/includes/tabs/examples_tabs_basic.html

index 1cb26477d74886a783aa24651c6a065cc4943c6b..f406ece3ea89536ac85c7a05bdeb5bf8bc33c382 100755 (executable)
@@ -1,20 +1,20 @@
 <ul class="tabs" data-tab role="tablist">
-  <li class="tab-title active" role="presentational" aria-selected="true" controls="panel2-1"><a href="#panel2-1" role="tab" tabindex="0">Tab 1</a></li>
-  <li class="tab-title" role="presentational" aria-selected="false" controls="panel2-2"><a href="#panel2-2" role="tab" tabindex="0">Tab 2</a></li>
-  <li class="tab-title" role="presentational" aria-selected="false" controls="panel2-3"><a href="#panel2-3" role="tab" tabindex="0">Tab 3</a></li>
-  <li class="tab-title" role="presentational" aria-selected="false" controls="panel2-4"><a href="#panel2-4" role="tab" tabindex="0">Tab 4</a></li>
+  <li class="tab-title active" role="presentational" ><a href="#panel2-1" role="tab" tabindex="0" aria-selected="true" controls="panel2-1">Tab 1</a></li>
+  <li class="tab-title" role="presentational" ><a href="#panel2-2" role="tab" tabindex="0"aria-selected="false" controls="panel2-2">Tab 2</a></li>
+  <li class="tab-title" role="presentational"><a href="#panel2-3" role="tab" tabindex="0" aria-selected="false" controls="panel2-3">Tab 3</a></li>
+  <li class="tab-title" role="presentational" ><a href="#panel2-4" role="tab" tabindex="0" aria-selected="false" controls="panel2-4">Tab 4</a></li>
 </ul>
 <div class="tabs-content">
   <section role="tabpanel" aria-hidden="false" class="content active" id="panel2-1">
-    <p>First panel content goes here...</p>
+    <h2>First panel content goes here...</h2>
   </section>
   <section role="tabpanel" aria-hidden="true" class="content" id="panel2-2">
-    <p>Second panel content goes here...</p>
+    <h2>Second panel content goes here...</h2>
   </section>
   <section role="tabpanel" aria-hidden="true" class="content" id="panel2-3">
-    <p>Third panel content goes here...</p>
+    <h2>Third panel content goes here...</h2>
   </section>
   <section role="tabpanel" aria-hidden="true" class="content" id="panel2-4">
-    <p>Fourth panel content goes here...</p>
+    <h2>Fourth panel content goes here...</h2>
   </section>
 </div>