Getting Started

Initialising

Any <select> or <ul> element can be instantly converted into a dropdown with no special markup required.

HTML

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

<ul>
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
</ul>

JavaScript

$('select, ul').dropdown();

---

Options

Options can be set with data attributes, or as a JSON object.

View available options.

Data attribute

<select data-dropdown='{ "speed": 100 }'>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

JSON

$(element).dropdown({
    speed: 100
});