Get new jQuery plugins just once a week

×

hover-dropdown

May 10, 2014

hover-dropdown | jQuery plugin for interactive drop-down list box.

hover-dropdown is a jQuery plugin that provides interactive drop-down list box with support for text-boxes and checkboxes.

Features :-

Example Code :

$(function(){
$('#example_inline_box').hoverDropdownBox({
title: 'Example',
items: {
"Item A": {
color: "#e74c3c",
inputType: "text",
inputChecked: true,
inputPlaceholder: "Example input"
}
},
footer: {
label: "+ New Item",
},
onLabelClick: function(key, item){
item.checked( !item.checked() );
},
onChange: function(key, item, value){
window.alert("onChange: " + key + " - " + value );
}
});
});

Created by Masanori Ohgita

Download

Example

hover-dropdown jQuery plugin

interactive dropdowns

hover-dropdown

Related posts:

Slight Submenu
PgwMenu
bootstrap-dropselect
hover-dropdown jQuery plugin

http://jquer.in/wp-content/uploads/2014/04/hover-dropdown.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever