Simple dropdown menu.
npm install --save css-ui-dropdown-menu
CSS dependencies.
<link rel="stylesheet" href="path/to/normalize.css"> <link rel="stylesheet" href="path/to/font-awesome.css"> <link rel="stylesheet" href="path/to/open-sans.css"> <link rel="stylesheet" href="path/to/cssui.css">
CSS dropdown.
<link rel="stylesheet" href="path/to/style.dropdown.css">
CSS light or dark theme. Choose one.
<link rel="stylesheet" href="path/to/style.dropdown.light.css"> <link rel="stylesheet" href="path/to/style.dropdown.dark.css">
Use Open Sans fotns.
font-family: 'Open Sans', sans-serif;
Dropdown menu html.
<div class="dropdown"> <!-- dropdown menu click --> <div class="clear"> <a class="employ-toggle click float right" href="#"> <i class="fa fa-ellipsis-v" aria-hidden="true"></i> </a> </div> <!-- show/hide menu --> <ul class="expand-dropdown"> <li><a href="#" class="top">One</a></li> <li><a href="#">Two</a></li> <li><a href="#" class="bottom">Three</a></li> </ul> </div>
javascript libraries and plugins.
<script src="path/to/jquery.js"></script> <script src="path/to/dropdown.menu.js"></script>
Enjoy dropdown menu.