bootstrap-layout/docs/src/html/reference/js/methods/sidebar.show.html

Bootstrap layout with sidebar navigation, sidebar skins, sidebar transition, custom scrollbars, sidebar menus and other advanced features and utilities

<h3>Sidebar.show</h3>
<blockquote>
  Displays a hidden sidebar.
</blockquote>

{% markdown %}
```js
BootstrapLayout.sidebar.show(sidebar, transition)
```
{% endmarkdown %}
<div class="table-responsive">
  <table class="table table-sm">
    <thead>
      <tr>
        <th width="160">Argument</th>
        <th>Type</th>
        <th class="text-xs-center">Required</th>
        <th class="text-xs-center" width="160">Default value</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>sidebar</td>
        <td>
          <code>String|jQuery</code><br>
          The argument can be a String representing the sidebar <code>id</code> attribute, for example <code>#my-sidebar</code> or a jQuery element i.e. <code>$('#my-sidebar')</code>
        </td>
        <td class="text-xs-center"><span class="material-icons text-success">check</span></td>
        <td class="text-xs-center"><span class="material-icons">close</span></td>
      </tr>
      <tr>
        <td>transition</td>
        <td>
          <p><code>Boolean</code><br>
          Display the sidebar using a simple CSS transition
        </td>
        <td class="text-xs-center"><span class="material-icons">close</span></td>
        <td class="text-xs-center"><code>true</code></td>
      </tr>
    </tbody>
  </table>
</div>