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(); 
});