From: Marcus Bointon <marcus@synchromedia.co.uk>
Date: Wed, 21 Mar 2012 10:20:56 +0000 (+0100)
Subject: Fix and improve docs on tab config
X-Git-Tag: v2.0.3~5^2~144^2~1^2~4
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=a0203bc8e0aa79b8f8cfd8c082c4256bed29ae5b;p=thirdparty%2Fbootstrap.git

Fix and improve docs on tab config
---

diff --git a/docs/javascript.html b/docs/javascript.html
index a90562767e..739e2475f7 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -638,6 +638,11 @@ $('#myModal').on('hidden', function () {
           <h2>Using bootstrap-tab.js</h2>
           <p>Enable tabbable tabs via javascript:</p>
           <pre class="prettyprint linenums">$('#myTab').tab('show')</pre>
+          <p>You can also activate a specific tab (or a pseudo-selected one) on init:</p>
+<pre class="prettyprint linenums">
+$('#myTab a[href="#profile"]').tab('show');
+$('#myTab a:last').tab('show');
+</pre>
           <h3>Markup</h3>
           <p>You can activate a tab or pill navigation without writing any javascript by simply specifying <code>data-toggle="tab"</code> or <code>data-toggle="pill"</code> on an element.</p>
 <pre class="prettyprint linenums">
@@ -653,7 +658,7 @@ $('#myModal').on('hidden', function () {
             Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
           </p>
 <pre class="prettyprint linenums">
-&lt;ul class="nav nav-tabs"&gt;
+&lt;ul class="nav nav-tabs" id="myTab"&gt;
   &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#profile"&gt;Profile&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="#messages"&gt;Messages&lt;/a&gt;&lt;/li&gt;
@@ -669,7 +674,7 @@ $('#myModal').on('hidden', function () {
 
 &lt;script&gt;
   $(function () {
-    $('.tabs a:last').tab('show')
+    $('#myTab a:last').tab('show')
   })
 &lt;/script&gt;</pre>
           <h3>Events</h3>