diff options
| author | Mark Otto <[email protected]> | 2015-08-10 16:16:39 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-08-10 16:16:39 -0700 |
| commit | 9fe6b85c32cf157268230b50f5ce85a8ad0d45bc (patch) | |
| tree | d6026a7dd22854380325b59b9b5c597220228244 /docs | |
| parent | 80a1b69ce5067573d855c29f6e7097f26c7432a9 (diff) | |
| download | bootstrap-9fe6b85c32cf157268230b50f5ce85a8ad0d45bc.tar.xz bootstrap-9fe6b85c32cf157268230b50f5ce85a8ad0d45bc.zip | |
rewrite dropdown events in markdown
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components/dropdowns.md | 42 |
1 files changed, 10 insertions, 32 deletions
diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index d726d6c79..4cbd6bf8b 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -4,7 +4,7 @@ title: Dropdowns group: components --- -Toggleable, contextual menu for displaying lists of links. Made interactive with the included dropdown JavaScript plugin. +Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They're made interactive with the included Bootstrap dropdown JavaScript plugin. ## Contents @@ -163,42 +163,20 @@ Regardless of whether you call your dropdown via JavaScript or instead use the d ### Methods -#### $().dropdown('toggle') - -Toggles the dropdown menu of a given navbar or tabbed navigation. +| Method | Description | +| --- | --- | +| `$().dropdown('toggle')` | Toggles the dropdown menu of a given navbar or tabbed navigation. | ### Events All dropdown events are fired at the `.dropdown-menu`'s parent element and have a `relatedTarget` property, whose value is the toggling anchor element. -<div class="table-responsive"> - <table class="table table-bordered table-striped"> - <thead> - <tr> - <th style="width: 150px;">Event Type</th> - <th>Description</th> - </tr> - </thead> - <tbody> - <tr> - <td>show.bs.dropdown</td> - <td>This event fires immediately when the show instance method is called.</td> - </tr> - <tr> - <td>shown.bs.dropdown</td> - <td>This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete).</td> - </tr> - <tr> - <td>hide.bs.dropdown</td> - <td>This event is fired immediately when the hide instance method has been called.</td> - </tr> - <tr> - <td>hidden.bs.dropdown</td> - <td>This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete).</td> - </tr> - </tbody> - </table> -</div> +| Event | Description | +| --- | --- | +| `show.bs.dropdown` | This event fires immediately when the show instance method is called. | +| `shown.bs.dropdown` | This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete). | +| `hide.bs.dropdown` | This event is fired immediately when the hide instance method has been called. | +| `hidden.bs.dropdown`| This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete). | {% highlight js %} $('#myDropdown').on('show.bs.dropdown', function () { |