Flat Animated Select Dropdown Plugin For jQuery - sexySelect.js

sexySelect.js is a very small jQuery plugin that uses JavaScript and CSS3 transitions to create animated, flat style dropdown lists from native select elements.

How to use it:

1. Load the stylesheet sexySelect.css in the header of the document.

<link rel="stylesheet" href="sexySelect.css">

2. Load jQuery library and the jQuery sexySelect.js script at the end of the document.

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

3. Just call the function sexySelect() on the target select element and done.

$('.select').sexySelect();

4. Todo.

• Move open class to parent container
• Style, add a fixed option for a set width
• Option - leave multiple menus open
• Move click delay outside and make an option
• Fix bug where selected class isnt removed on close
• Fix bug where scrolls to top on open

---

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