jQuery UI の Button と Menu によるボタンクリックで現れるメニュー

<script>
jQuery( function() {
    jQuery( "#sampleSelect" )
        .button( {
            text: false,
            icons: {
                primary: "ui-icon-triangle-1-s"
            }
        } )
        .click( function() {
                var menu = jQuery( this ).parent().next().show().position( {
                    my: "left top",
                    at: "left bottom",
                    of: this
                } );
                jQuery( document ).one( "click", function() {
                    menu.hide();
                } );
                return false;
        } )
        .parent()
        .buttonset()
        .next()
        .hide()
        .menu();
} );
</script>