SimpleDropDownEffects – A jQuery plugin for transforming select drop-down lists with some amazing expanding effects.

I recently bumped into this page on GITHUB and found this simple and easy to use jquery plugin which transform a simple select drop down list to a drop down list with some amazing jquery effects.

Untitled

Above shown screenshots are taken from this demo page. I personally found the plugin very easy to use, let me quickly show you how to set this plugin up, heres a link to the fiddle i created : http://jsfiddle.net/yrshaikh/B3y8e/.

Step 1: Download the zip package from its github page and inlcude the js and css file in your project, there is one js file named jquery.dropdown.js which you need to include you may also want to include the modernizr.js incase you haven’t already.

Step 2: Your HTML

<select id="cd-dropdown" class="cd-select">
    <option value="-1" selected>Actions</option>
    <option value="1">View</option>
    <option value="2">Edit</option>
    <option value="3">Delete</option>
</select>

Step 3: Jquery

$('#cd-dropdown').dropdown();

And voila its done ! dropdown demo

I have also created a fiddle for this here : http://jsfiddle.net/yrshaikh/B3y8e/ hope this helps :)

Cheers !