From 343827081f75a0b27f7bcb0acd07b167e48f4cb7 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Wed, 25 Mar 2015 17:47:08 -0700
Subject: [PATCH] Properly document $(...).tab('show') method; fixes #16115
[skip sauce]
---
docs/_includes/js/tabs.html | 25 ++++---------------------
1 file changed, 4 insertions(+), 21 deletions(-)
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html
index 16fa6e05d9..8c4c3c08ff 100644
--- a/docs/_includes/js/tabs.html
+++ b/docs/_includes/js/tabs.html
@@ -94,29 +94,12 @@ $('#myTabs li:eq(2) a').tab('show') // Select third tab (0-indexed)
<h3 id="tabs-methods">Methods</h3>
<h4><code>$().tab</code></h4>
<p>
- Activates a tab element and content container. Tab should have either a <code>data-target</code> or an <code>href</code> targeting a container node in the DOM.
+ Activates a tab element and content container. Tab should have either a <code>data-target</code> or an <code>href</code> targeting a container node in the DOM. In the above examples, the tabs are the <code><a></code>s with <code>data-toggle="tab"</code> attributes.
</p>
-{% highlight html %}
-<ul class="nav nav-tabs" role="tablist" id="myTabs">
- <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
- <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
- <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
- <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
-</ul>
-<div class="tab-content">
- <div role="tabpanel" class="tab-pane active" id="home">...</div>
- <div role="tabpanel" class="tab-pane" id="profile">...</div>
- <div role="tabpanel" class="tab-pane" id="messages">...</div>
- <div role="tabpanel" class="tab-pane" id="settings">...</div>
-</div>
-
-<script>
- $(function () {
- $('#myTabs a:last').tab('show')
- })
-</script>
-{% endhighlight %}
+ <h4><code>.tab('show')</code></h4>
+ <p>Selects the given tab and shows its associated content. Any other tab that was previously selected becomes unselected and its associated content is hidden.</p>
+ {% highlight js %}$('#someTab').tab('show'){% endhighlight %}
<h3 id="tabs-events">Events</h3>
<p>When showing a new tab, the events fire in the following order:</p>
--
GitLab