Раскрывающийся список открывает div с полями выбора

Question

прошу прощения за неясное название. Как я могу построить решение, как на этой странице:

http://reisen.com/

Я хочу такое решение, как раскрывающееся поле для аэропортов (Abflughäfen). После нажатия на выпадающий список появляется панель с флажками. После выбора полей выбранные элементы отображаются в раскрывающемся списке.

Есть ли плагины для jquery или я сам его кодировал? Как это сделать?

Заранее благодарим вас за отзыв.

Answer 1

Это, вероятно, недостаточно сложно, чтобы использовать плагин.

1) Показывать панель при нажатии на выпадающий список

$('#airport').change(function(){
   $('#panel').toggle(); 
});

2) Создайте событие закрытия кнопки, которое выяснит, что они выбрали

$('#close').button().click(function(){
   $('#panel').toggle();

    //figure out exactly what they checked off
    var results = new Array();
    $('input[name="group"]:checked').each(function(){
       results.push($(this).val()); 
    });

    //append back to the select this list
    $('#airport').append('<option value="bar">'+results.join(',')+'</option>'); 
});

Если вы хотите увидеть это в действии в упрощенном виде, посмотрите здесь: http://jsfiddle.net/ryleyb/RHBcc/