How to make use of it:

1. Add the jQuery library and the dropdown plugin’s files to the web page.

<link rel="stylesheet" href="/path/to/dropdown.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/dropdown.js"></script>

2. Create a brand new occasion in the dropdown.

$(function(){
  let dropdownView = new Dropdown('dropdown-view');
});

3. The required HTML structure for the dropdown.

<div id="dropdown-view" class="mt-dropdown">

  <!-- Toggle Button -->
  <button data-mt-dropdown="dropdown-view"></button>

  <!-- Dropdown -->
  <div id="dropdown-view-menu"
    class="mt-dropdown-menu mt-dropdown-pb">
   <!-- Dropdown Content Here -->
  <div>
    
<div>

4. Customize the position & placement of the dropdown.

<!-- Bottom Center -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pb">
  <!-- Dropdown Content Here -->
<div>

<!-- Bottom Left -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pbs">
  <!-- Dropdown Content Here -->
<div>

<!-- Bottom Right -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pbe">
  <!-- Dropdown Content Here -->
<div>

<!-- Top Center -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pt">
  <!-- Dropdown Content Here -->
<div>

<!-- Top Left -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pts">
  <!-- Dropdown Content Here -->
<div>

<!-- Top Right -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pte">
  <!-- Dropdown Content Here -->
<div>

<!-- Right Center -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pe">
  <!-- Dropdown Content Here -->
<div>

<!-- Right Top -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pet">
  <!-- Dropdown Content Here -->
<div>

<!-- Right Bottom -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-peb">
  <!-- Dropdown Content Here -->
<div>

<!-- Left Center -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-ps">
  <!-- Dropdown Content Here -->
<div>

<!-- Left Top -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-pst">
  <!-- Dropdown Content Here -->
<div>

<!-- Left Bottom -->
<div id="dropdown-view-menu" class="mt-dropdown-menu mt-dropdown-psb">
  <!-- Dropdown Content Here -->
<div>

5. Customize the dropdown styles by overriding the default variables within the _variables.scss.

$enablePositionMedia: false;
$enableRounded: false;
$enableRoundedMedia: false;

$classBase: "mt-dropdown";
$classShow: 'show';

$zIndexMenu: 1000;
$transitionDurationShow: .3s;
$borderRadius: .3rem;

// Position Values

$directionValue: 100%;
$directionIndent: .5rem;
$alignmentValue: 0%;
$alignmentIndent: 0rem;

$mediaBreakpoints: (
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
);

Stylish Dropdown & Popover Plugin, dropdown Github

See Demo And Download