Sweet and versatile dropdowns using jQuery
CSS CoffeeScript JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit 10c69c6 Nov 24, 2017



Versatile dropdowns for any occasion.

Some variants


Install SweetDropdown through bower or npm:

npm install sweet-dropdown
bower install sweet-dropdown

You can also install it manually by downloading a release archive.

Reference these files in your HTML:

<link rel="stylesheet" href="path/to/sweetdropdown/dist/min/jquery.sweet-dropdown.min.css" />
<script src="path/to/sweetdropdown/dist/min/jquery.sweet-dropdown.min.js"></script>


For examples, refer to the demo page.

Browser compatibility

SweetModal should work in most major browsers:

  • IE11
  • Safari 6+
  • Firefox 4+
  • Chrome 20+
  • Opera 15+
  • Microsoft Edge


  1. Fork the repository
  2. Install grunt-cli and coffee-script globally via npm
  3. Run node server and grunt watch in two separate terminal tabs while developing. You can reach the example site for development at http://localhost:5000
  4. When you're done, run one final grunt command and commit your work for a pull request.


  • tabs for indentation, 1 tab = 4 spaces
  • no inline JavaScript in CoffeeScript files
  • camelCase function names
  • _camelCase for private functions
  • no curly brackets for objects
  • always brackets around function calls, except typeof and parse*-functions
  • document your functions!