Show Bootstrap Dropdown on Hover Instead of Click

Code Snippet Preview

View Demo View CodePen




This jQuery script applies the default .open class to the .dropdown to show the drodpdown menu on hover instead of the click event.

Related resources

  • WordPress vs HubSpot CMS Review
  • 25+ Questions to Ask Before Redesigning Your Business Website
  • 5 Things A Business Should Consider Before a Website Redesign
  • How to Quickly Create a Website for B2B Company
  • HubSpot Custom Modules Marketplace
  • Buy HubSpot Modules in Bulk

    • Advertise Your Business Here

    Click here to learn more ➔

    What is Bootstrap?

    Bootstrap is a free, open-source collection of tools (HTML, CSS, and JavaScript) that provides pre-built styles and components for designing and developing responsive websites. It's particularly popular among both beginners and experienced developers due to its simplicity, speed, and flexibility.

    ©2025 Bootstrap Creative LLC - Created and maintained by Jake Lett