From 239c178b685294ce24ab79d913c5df03d15191e9 Mon Sep 17 00:00:00 2001
From: Marcus Bointon <marcus@synchromedia.co.uk>
Date: Thu, 22 Mar 2012 21:24:57 +0100
Subject: [PATCH] Clarify docs on how tabs are activated from JS, see #1000

---
 docs/assets/bootstrap.zip                | Bin 50100 -> 50100 bytes
 docs/javascript.html                     |  10 +++++++---
 docs/templates/pages/javascript.mustache |  10 +++++++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 716a5d50990fcefde2495c0aadcd762961d22bb5..80e5096dfb73c659066e2c527bd0aff94b93cc7d 100644
GIT binary patch
delta 464
zc-q_2&b+0anJ2)TnT3l11b(lY$fKwn)s^iZ2gIcn+zgB?Ul|z~Slob;2xWg(O$<<F
zivcT}SS`&2<j=4L^P{^q-rm9q6qr1b%MmOR)3x~qmk|d@h)39nEgC2k)wS70ILZ_x
zw7|m*EEL_f`HqKy5fjh>0W$oVx#{|$A)E}%QE)4MubLcI?aUSh(LTSrQUD|*)nf}2
zitVWu0GW7ejtYv)CM(W0fH@?5ZmJ?kXx}~ysL<pE`^7n6exEG8U!N%oSq!K)@u1A)
z_Wj~aV70O!-TU`@Bk{Bk_#^RVA8=rbhV%X$aDniU>_|Ll46#EN<bkaR1Ce;@hrBWD
apM1y&$^2)B?3iNERJa~?1Bvw>RtEs8U9%|w

delta 464
zc-q_2&b+0anJ2)TnT3l11ge)z<WW?Xtk3p$1LD#OZU#n{uZ#=~EN(zagtD3?69ZJ)
zq`}H2R!cJh`7><6eChg)x3_Qt1tw4Aa)gR(zQJY0!Bo9uGLNtkn-ow;s(!PJaFi)X
z)dCMQuqvR?9S;K|psI-hGW?mj>H47|oD9s8a4Ue?!>XOxKmwBWo99<o3V?*9dTe1r
zu|3rSAQNxRQ9*IpWW~7#Fo%TCO;rR5?b~Mo6`H(Yzc>fX?~|qX>oZ9riviUp9+a8f
zzF(XPtX3AJd;flKB%byGe;5yF!t4VMOj2;UKL=cx(CtV(XbiCftbXgkKqQ{}A#V)(
ZCm%9GvhCR+J5&>aVy=hXKw`az)dAECoR0ti

diff --git a/docs/javascript.html b/docs/javascript.html
index f2d23ef52a..39cb5c5a5e 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -636,9 +636,13 @@ $('#myModal').on('hidden', function () {
           </div>
           <hr>
           <h2>Using bootstrap-tab.js</h2>
-          <p>Enable tabbable tabs via javascript:</p>
-          <pre class="prettyprint linenums">$('#myTab').tab('show')</pre>
-          <p>You can select individual tabs in several ways:</p>
+          <p>Enable tabbable tabs via javascript (each tab needs to be activated individually):</p>
+          <pre class="prettyprint linenums">
+$('#myTab a').click(function (e) {
+  e.preventDefault();
+  $(this).tab('show');
+})</pre>
+          <p>You can activate individual tabs in several ways:</p>
 <pre class="prettyprint linenums">
 $('#myTab a[href="#profile"]').tab('show'); //Select tab by name
 $('#myTab a:first').tab('show'); //Select first tab
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 925377339b..c6d1f403c4 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -560,9 +560,13 @@ $('#myModal').on('hidden', function () {
           </div>
           <hr>
           <h2>{{_i}}Using bootstrap-tab.js{{/i}}</h2>
-          <p>{{_i}}Enable tabbable tabs via javascript:{{/i}}</p>
-          <pre class="prettyprint linenums">$('#myTab').tab('show')</pre>
-          <p>{{_i}}You can select individual tabs in several ways:{{/i}}</p>
+          <p>{{_i}}Enable tabbable tabs via javascript (each tab needs to be activated individually):{{/i}}</p>
+          <pre class="prettyprint linenums">
+$('#myTab a').click(function (e) {
+  e.preventDefault();
+  $(this).tab('show');
+})</pre>
+          <p>{{_i}}You can activate individual tabs in several ways:{{/i}}</p>
 <pre class="prettyprint linenums">
 $('#myTab a[href="#profile"]').tab('show'); //Select tab by name
 $('#myTab a:first').tab('show'); //Select first tab
-- 
2.47.2