Как создать выпадающую кнопку, как Gmail «Перейти»?

Question

У меня есть простая система загрузки файлов, закодированная в php.

В рамках повышения простоты пользовательского интерфейса я хочу, чтобы в gmail была похожая кнопка «Переместить в», где можно было бы установить несколько флажков, а затем после нажатия одной из множества возможных записей в раскрывающемся списке, созданных этой кнопкой, выполнить обратную передачу имеет место.

Пожалуйста, сообщите.

Спасибо.

В идеале, было бы использовать jQuery. хотя я не эксперт, у меня есть небольшой опыт использования jQuery.

Answer 1

Немного опоздал, но есть моя кнопка с раскрывающимся списком опций с использованием интерфейса JQuery:

Рабочий раствор в jsfiddle

HTML:

<button id="menuButton">Menu Button</button>
<ul style="z-index: 9999999;position: absolute;" id="menuElement">
    <li><a href="#">Select Green</a>

    </li>
    <li><a href="#">Select Red</a>

    </li>
    <li><a href="#">Select Gray</a>

    </li>
</ul>

код:

var $menuButton = $("#menuButton");
var $menuElement = $("#menuElement");

$menuButton
    .button({
             icons: { 
                       secondary: "ui-icon-triangle-1-s"                 
                    }
            })
    .click(function (event) 
              {
                 $(document).one("click", function () 
                    {
                       $menuElement.css("visibility", "hidden");
                    });

                $menuElement.css("visibility", "visible");
                event.stopPropagation();
             });

$menuElement
    .menu({
             select: function (event, ui) 
                        {
                           $menuElement.css("visibility", "hidden");
                        }
         })
    .css("visibility", "hidden")
    .position({
                 my: "left top",
                 at: "left bottom",
                 of: $buttonElement
              });

Answer 2

Я использую jQuery Multiselect , чтобы сделать что-то подобное.