silviomoreto / bootstrap-select / collapse

时间:2014-03-25 13:03:54

标签: javascript jquery twitter-bootstrap bootstrap-select

我使用silviomoreto / bootstrap-select进行选择。 这是silviomoreto / bootstrap-select文档:silviomoreto.github.io/bootstrap-select/

所以我有一个选择和折叠块。

通过选择select中的任何选项,该块必须折叠。 例如:我选择任何选项,然后必须出现隐藏块。

<select class="selectpicker"  multiple title="Choose category">
    <option>House help</option>
    <option>Buy</option>
    <option>Drivers</option>
    <option>Holidays</option>
    <option>Animals</option>                                        
</select>   

<!-- HIDDEN BLOCK -->
<div class="hidden-input" id="hidden-input" style="display:none;">
    <div class="panel panel-default" >          
        <div id="collapseThree" class="panel-collapse collapse">
        <div class="panel-body">                
            <select class="selectpicker" multiple title="Choose subcategory">
                            <option>1</option>
            </select>   
        </div>
        </div>          
    </div>
</div>  

1 个答案:

答案 0 :(得分:2)

也许这会对你有所帮助:

小提琴http://jsfiddle.net/8a2Vh/1/

JS [摘录]

$(".selectpicker").on('change', function(){
    $('#hidden-input').show().find('.collapse').collapse('show'); 
});