Animated & Fully Styleable Select Box Replacement with jQuery - selecty

selecty is a small jQuery plugin that turns the default select box into a smooth & fully styleable dropdown select list. optgroup and disabled options are supported as well.

How to use it:

1. Import jQuery library and the jQuery selecty plugin into your web page.

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

2. Import the default.css to apply the preset styles to your select boxes. You can change or override the styles to create your own themes.

<link rel="stylesheet" href="css/default.css">

3. Call the plugin on the select selector and you're done.

$('select').selecty();

4. The options can be passed via Javascript options array or Html5 data-OPTIONS attributes.

<script>
$('select').selecty({
animationSpeed: 200,
width: '300px',
maxHeight: '200px'
});
</script>

<!-- OR -->
<select data-width="300px" 
        data-max-height="200px"
	data-animationSpeed="200"
>

---

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