Combine two ui-buttons and one

Combine two ui-buttons and one ui-menu.

Pre-Alpha - not fit for production!

Sample page

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>