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

  1. //Sliding down animation to drop-down  
  2.    
  3. $('ul.dropdown').on('show.bs.dropdown', function (e) {  
  4.    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();  
  5. });  
  6.    
  7. //Sliding up animation to dropd-down   
  8.    
  9. $('ul.dropdown').on('hide.bs.dropdown', function (e) {  
  10.    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();  
  11. });