2014-03-25 96 views
0

我使用silviomoreto/bootstrap-select進行選擇。 這裏是silviomoreto/bootstrap選擇文件:silviomoreto.github.io/bootstrap-select/silviomoreto/bootstrap-select/collapse

所以我有一個選擇和collaplsing塊。

該塊必須通過選擇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> 

回答

2

也許這將幫助你:

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

JS [摘錄]

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

THX你。將在15分鐘內嘗試此代碼。 –

+0

YEP!有用! ++ –