How to Set Sliding up and Down Animation to Drop-Down in Bootstrap using JQuery

Abhijeet Singh

11y3kCode

This code describe Setting animation of sliding up and down to drop-down in bootstrap using JQuery.

//Sliding down animation to drop-down

$('ul.dropdown').on('show.bs.dropdown', function (e) {
   $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
});

//Sliding up animation to dropd-down

$('ul.dropdown').on('hide.bs.dropdown', function (e) {
   $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
});