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
zcmdne&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)39nEgGmPs%x{0aFi)X
zXn}_rSSY${^BoTZBPO5&0%Z6zbJO)hLpT|jAua(~@q5+euxe*EkN{Bo{OU>pkdRc5
zEleo3r&<7H;;lI<C@!0<IM)E?knp*wiXb)n_E|uMCNJ18&H?lLWa<6-Oi^7(VnDTt
z2W2L=?-yr^0g20kbnoBqjl|PF;E%+ceZYY!8m{us0T&1l$&SQ>#t=JXK_1w8Fc68S
ge#jfc{>g`okj#H}$PU7TnFw@`>tQ#LSnpwV0IFTHDF6Tf

delta 464
zcmdne&b+0anJ2)TnT3l11ge)z<WW?Xtk3p$1LD#OZU#n{uZ#=~EN(zagtD3?69ZJ)
zq`}H2R!cJh`7><6eChg)x3_Qt1tw4Aa)gR(zQJY0!Bo9uGLNtkn-ox!RQ+Zb;V4s(
zss$cqU{ye&J01o`Kvfe1WcV|4)Ad6`I2o8BE&*8q)E-vt%mxyWtlvDpx>5inB-LXJ
z6N>Gr766%eYmN$v%O)$%HGnxJd~T{DNX@=|7Eqzd3-*h1!2CX0dcQuCWId7?P;KHt
znaS<@#hIi*;<6y!`}cbz@w5;4!+1ak%|773Bn4Ob=YR`D4#|$hgT@d$WI-O-dN2@)
hr+&yA!~V&Kj9}&i?S6L14%I}UnCoFTkXY|wbpX^0oR0ti

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