<script src="assets/js/google-code-prettify/prettify.js"></script>
<script>$(function () { prettyPrint() })</script>
<script src="../js/bootstrap-transition.js"></script>
- <script src="../js/bootstrap-alerts.js"></script>
+ <script src="../js/bootstrap-alert.js"></script>
<script src="../js/bootstrap-modal.js"></script>
<script src="../js/bootstrap-dropdown.js"></script>
<script src="../js/bootstrap-scrollspy.js"></script>
<script src="../js/bootstrap-tab.js"></script>
<script src="../js/bootstrap-twipsy.js"></script>
<script src="../js/bootstrap-popover.js"></script>
- <script src="../js/bootstrap-buttons.js"></script>
+ <script src="../js/bootstrap-button.js"></script>
<script src="../js/bootstrap-collapse.js"></script>
<script>
$(function () {
<td>Our Modal plugin is a <strong>super</strong> slim take on the traditional modal js plugin! We took special care to include only the bare functionality that we require at twitter.</td>
</tr>
<tr>
- <td><a href="./javascript.html#alerts">bootstrap-alerts.js</a></td>
+ <td><a href="./javascript.html#alert">bootstrap-alert.js</a></td>
<td>The alert plugin is a super tiny class for adding close functionality to alerts.</td>
</tr>
<tr>
<td>The popover plugin provides a simple interface for adding popovers to your application. It extends the <a href="#twipsy">boostrap-twipsy.js</a> plugin, so be sure to grab that file as well when including popovers in your project!</td>
</tr>
<tr>
- <td><a href="./javascript.html#buttons">bootstrap-buttons.js</a></td>
+ <td><a href="./javascript.html#button">bootstrap-button.js</a></td>
<td>This plugin offers additional functionality for managing button state.</td>
</tr>
<tr>
</section>
- <!-- Alerts
+ <!-- Alert
================================================== -->
- <section id="alerts">
+ <section id="alert">
<div class="page-header">
- <h1>Alerts <small>bootstrap-alerts.js</small></h1>
+ <h1>Alert <small>bootstrap-alert.js</small></h1>
</div>
<div class="row">
<div class="span3 columns">
</section>
- <!-- Buttons
+ <!-- Button
================================================== -->
- <section id="buttons">
+ <section id="button">
<div class="page-header">
- <h1>Buttons <small>bootstrap-buttons.js</small></h1>
+ <h1>Button <small>bootstrap-button.js</small></h1>
</div>
<div class="row">
<div class="span3 columns">
<p>This plugin offers additional functionality for managing button state.</p>
- <a href="../js/bootstrap-buttons.js" target="_blank" class="btn primary">Download</a>
+ <a href="../js/bootstrap-button.js" target="_blank" class="btn primary">Download</a>
</div>
<div class="span9 columns">
- <h3>Using bootstrap-buttons.js</h3>
+ <h3>Using bootstrap-button.js</h3>
<pre class="prettyprint linenums">$('.tabs').button()</pre>
<h3>Markup</h3>
<p>Data attributes are integral to the button plugin. Check out the example code below for the various markup types.</p>
, show: function () {
var dimension = this.dimension()
, scroll = $.camelCase(['scroll', dimension].join('-'))
-
- this.$parent && this.$parent.find('.in').collapse('hide')
+ , actives = this.$parent && this.$parent.find('.in')
+ , hasData
+
+ if (actives && actives.length) {
+ hasData = actives.data('collapse')
+ actives.collapse('hide')
+ hasData || actives.data('collapse', null)
+ }
this.$element[dimension](0)
this.transition('addClass', 'show', 'shown')