Skip to content

Instantly share code, notes, and snippets.

@iftee

iftee/bootstrap-3-navbar-dropdown-slide-effect.js

Created March 8, 2017 10:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iftee/ced587eab8ad5de5e09d6967537f0f04 to your computer and use it in GitHub Desktop.
Save iftee/ced587eab8ad5de5e09d6967537f0f04 to your computer and use it in GitHub Desktop.
Download ZIP
Add a slide effect in Bootstrap 3 Navbar Dropdown items
Raw
bootstrap-3-navbar-dropdown-slide-effect.js
$( document ).ready( function() {
$( '.dropdown' ).on( 'show.bs.dropdown', function() {
$( this ).find( '.dropdown-menu' ).first().stop( true, true ).slideDown( 150 );
} );
$('.dropdown').on( 'hide.bs.dropdown', function(){
$( this ).find( '.dropdown-menu' ).first().stop( true, true ).slideUp( 150 );
} );
} );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment