https://github.com/thdoan/pretty-dropdowns
A simple, lightweight jQuery plugin to create stylized drop-down menus.
https://github.com/thdoan/pretty-dropdowns
dropdown dropdown-menus jquery jquery-plugin select select-multiple
Last synced: about 1 month ago
JSON representation
A simple, lightweight jQuery plugin to create stylized drop-down menus.
- Host: GitHub
- URL: https://github.com/thdoan/pretty-dropdowns
- Owner: thdoan
- License: mit
- Created: 2016-11-09T11:27:24.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2024-09-18T22:02:31.000Z (over 1 year ago)
- Last Synced: 2026-01-23T23:26:03.529Z (2 months ago)
- Topics: dropdown, dropdown-menus, jquery, jquery-plugin, select, select-multiple
- Homepage: https://thdoan.github.io/pretty-dropdowns/
- Size: 134 KB
- Stars: 103
- Watchers: 5
- Forks: 30
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# jQuery Pretty Dropdowns
Pretty Dropdowns is a simple, lightweight jQuery plugin that converts `` drop-down menus into "pretty" menus that you can skin using CSS.
### Features:
- Two arrow styles and sizes to choose from (or add your own style)
- Easily add icons, thumbnails, and other custom HTML to the menu items
- Support for multiple-select lists (``)
- Support for option groups (``)
- Tooltips (`title`) carried over at ``, ``, and `` levels
- Full keyboard navigation (you can even go directly to a menu item by typing its text)
- Auto-linked to `` (menu will get focus when you click on the label)
- Accessible (it plays nicely with screen readers)
- Sensible (when you open the menu it does its best to keep the menu items within the viewport)
**[See a demo »](https://thdoan.github.io/pretty-dropdowns/demo.html)**
## Getting Started
### Step 1: Link the required files
```
```
You have complete control over the look and feel of the drop-down menu by modifying `prettydropdowns.css`. It is recommended to load the JavaScript files at the bottom just before the closing `