Wie man mit jquery bootstrap zeigt und versteckt

Question

ich bin in der Lage, versteckte DIV zu zeigen, wenn ich item2 mit id = 1 und ich klicke, wenn ich auf Element 0 von ID = 0 klicken wieder ausblenden die angezeigte 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

Überprüfen Sie die unter dem ist, was man erwartet, ich hoffe :-)

<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";