下拉菜單用選擇框打開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/