jquery多選擇 - 如何摺疊選擇組

Question

我正在使用位於這裏的jQuery多選工具http://www.erichynds.com/blog/jquery-ui-multiselect-widget，我得到了一切運作良好。我有很長的項目清單，並由optgroups分區。你必須滾動很多才能到達最後一個項目，所以我想知道是否有一種方法來默認摺疊opt組？

我查看了關於這個腳本的文檔，但沒有看到任何功能被optgroup摺疊。

   <select name="selSea" id="selSeaShells" size="5" multiple="multiple" onchange="loopSelected()"> 
        <optgroup label="Group 1"/> 
         <option value="test">test</option> 
         <option value="test1">test1</option> 
         <option value="test2">test2</option> 
         <option value="test3">test3</option> 
        <optgroup label="Group2"/> 
         <option value="test">test</option> 
         <option value="test1">test1</option> 
         <option value="test2">test2</option> 
         <option value="test3">test3</option> 
         <option value="test4">test4</option> 
        <optgroup label="Group3"/> 
         <option value="test">test</option> 
         <option value="test1">test1</option> 
         <option value="test2">test2</option> 
         <option value="test3">test3</option> 
         <option value="test4">test4</option>  
       </select> 

Answer 1

您可以嘗試Select2。另外，你可以參考這個Stackoverflow discussion。

使用選擇二：

在你的CSS，默認隱藏子的結果：快速回答

$('.select2-results').on('click', 'li', function(){ 
    $(this).find('li').show(); 
});