jquery 부트 스트랩으로 표시하고 숨기는 방법

Question

id = 1 인 item2를 클릭하면 숨겨진 DIV를 표시 할 수 있으며 id = 0의 항목 0을 클릭하면 표시된 DIV를 다시 숨 깁니다.

div class="ddl-select input-group-btn"> 
<select id="search-engine-combobox" class="selectpicker show-tick form-control" data-style="btn btn-default " onchange="showDiv(this)" > 
       <option value="0">All Banks</option> 
       <option value="1">Bank Type</option> 
      </select> 
      </div> 

<div class="form-group " id="hidden_div" style="display: none;" > 

    <select id="banktype" class="selectpicker show-tick bank-type"> 
    <option data-icon="glyphicon-heart">Microfinance</option> 
    <option data-icon="glyphicon-heart">Home loan</option> 
    <option data-icon="glyphicon-heart">certificate deposit</option> 
    </select> 
</div> 


<script type='text/javascript'> 
function showDiv(elem){ 
    if(elem.value == 1) 
    document.getElementById('hidden_div').style.display = "block"; 
    } 
    else if (elem.value == 0) {}{ 
    ??????? 
    } 

</script> 

Answer 1

확인은 아래에 당신은 내가 :-)

<div class="ddl-select input-group-btn"> 
 
<select id="search-engine-combobox" class="selectpicker show-tick form-control" data-style="btn btn-default " onchange="showDiv(this)" > 
 
       <option value="0">All Banks</option> 
 
       <option value="1">Bank Type</option> 
 
      </select> 
 
      </div> 
 

 
<div class="form-group " id="hidden_div" style="display: none;" > 
 

 
    <select id="banktype" class="selectpicker show-tick bank-type"> 
 
    <option data-icon="glyphicon-heart">Microfinance</option> 
 
    <option data-icon="glyphicon-heart">Home loan</option> 
 
    <option data-icon="glyphicon-heart">certificate deposit</option> 
 
    </select> 
 
</div> 
 

 

 
<script type='text/javascript'> 
 
function showDiv(elem){ 
 
    var targetElm = document.getElementById('hidden_div'); 
 
    if(elem.value == 1) { 
 
    targetElm.style.display = "block"; 
 
    } 
 
    else if (elem.value == 0) { 
 
    targetElm.style.display = "none"; 
 
    } 
 
    
 
    } 
 

 
</script>

Answer 2

document.getElementById('hidden_div').style.display = "none";