如何将bootstrap中的dropdown代码转换为hoverable？

 ```javascript

 $(document).ready(function() {

   $('.hoverable-dropdown').hover(function() {

     $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);

   }, function() {

     $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);

   });

 });

 ```

 ```javascript

 document.addEventListener('DOMContentLoaded', function() {

   var hoverableDropdowns = document.querySelectorAll('.hoverable-dropdown');

   hoverableDropdowns.forEach(function(dropdown) {

     dropdown.addEventListener('mouseenter', function() {

       this.querySelector('.dropdown-menu').classList.add('show');

     });

     dropdown.addEventListener('mouseleave', function() {

       this.querySelector('.dropdown-menu').classList.remove('show');

     });

   });

 });

 ```