jquery-splitbutton

Combine two ui-buttons and one ui-menu.

Status

Pre-Alpha - not fit for production!

Demo

Sample page

Usage

JavsScript:

$("button#split").splitbutton({
    menu: "#splitOptions",
    click: function(event){
        alert("clicked default button");
    },
    select: function(event, ui){
        var menuId = ui.item.find(">a").attr("href");
        alert("select " + menuId);
    }
});

Markup:

<button id="split">Default action</button>

<ul id="splitOptions">
    <li><a href="#action1">Action 1</a>
    <li><a href="#action2">Action 2</a>
    <li><a href="#action3">Action 3</a>
    <li><a href="#action4">Action 4</a>
</ul>