supunsameera/jquery.dropdown

create custom dropdown using jquery

jQuery.dropdown

create custom dropdown using jquery and unordered list

##Description This plugin helps you to create custom dropdwon with normal select drop down. And the styles will be same with any browser.

Demo

• Please see demo/dropdown.html

Requires

• jQuery 1.2.6+

Browser Compatibility

• Firefox 2.0+
• Internet Explorer 6+
• Safari 3+
• Opera 10.6+
• Chrome 8+

Installation

• First, make sure you are using valid DOCTYPE
• Include nessesary JS files from js folder

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="path-to-file/jQuery.dropdown.js"></script>

Options

textColor

• description: dropdown element text color
• data type: 'string'
• default value: '#cecece'
• possible value: 'any value for text color'

disabledTxtColor

• description: when dropdown disabled set txt color
• data type: 'string'
• default value: '#ccc'
• possible value: 'any value for color'

disabledBorder

• description: when dropdown disabled set border
• data type: 'string'
• default value: '1px solid #c8c8c8'
• possible value: 'any value for border'

triangleIconClass

• description: you can change traingle icon by adding some class with triangle
• data type: 'string'
• default value: 'triangle-bottom'
• possible value: 'any class you defined'

Usage

Example code: $('#myDropdown').dropDownList();

License

The expandable plugin is licensed under the MIT License (LICENSE.txt).

Copyright (c) 2016 Supun Sameera Liyanage