Animated Select Dropdown List Plugin For jQuery - vdrop

Animated Select Dropdown List Plugin For jQuery - vdrop
File Size: 16.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

vdrop is a very small jQuery plugin that converts the normal select box into an animated, configurable, nice-looking dropdown list with custom down arrow / caret.

How to use it:

1. To use this plugin, you first need to load the jQuery library at the end of the document so the page loads faster.

<script src="//code.jquery.com/jquery.min.js"></script>

2. Load the jQuery vdrop plugin's JavaScript and CSS files in the document.

<link href="vdrop.min.css" rel="stylesheet">
<script src="jquery.vdrop.min.js"></script>

3. Call the function vDrop on the existing select element and done.

$('select').vDrop();

4. Config the dropdown list with the following options.

$('select').vDrop({
  transitionSpeed: 150,
  allowMultiple: true,
});

Change log:

2016-11-30

  • fix update issue where clicker doesnt empty

2016-11-29

  • fix merge conflicts

This awesome jQuery plugin is developed by Wancieho. For more Advanced Usages, please check the demo page or visit the official website.