diff options
| author | Chris Rebert <[email protected]> | 2015-03-25 17:47:08 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-03-25 17:47:56 -0700 |
| commit | 343827081f75a0b27f7bcb0acd07b167e48f4cb7 (patch) | |
| tree | ecfb5cdb453782ce8a818e4b824d386e75b9113b /docs/_includes | |
| parent | 1bafd4c829cf8ba90b12d6d744542b3f82efc0a7 (diff) | |
| download | bootstrap-343827081f75a0b27f7bcb0acd07b167e48f4cb7.tar.xz bootstrap-343827081f75a0b27f7bcb0acd07b167e48f4cb7.zip | |
Properly document $(...).tab('show') method; fixes #16115
[skip sauce]
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/js/tabs.html | 25 |
1 files changed, 4 insertions, 21 deletions
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html index 16fa6e05d..8c4c3c08f 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> |