如何隱藏嵌套div的div

我是Javascript（和JQuery）和Web開發本身的新手，所以我在嘗試顯示div service_info（隱藏）的全部內容時遇到問題我的<select>中的選項的編號爲service_type。如何隱藏嵌套div的div

下面是使用materialize.css和MDL在head標籤中聲明的代碼。在MDL和實現腳本之前，jQuery 2.2.1在head標籤中聲明。

$('#service_type').change(function() { 
 
    $('#service_info').show('slide'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row"> 
 
    <div class="input-field col s12"> 
 
    <select id="service_type" name="service_type"> 
 
     <option disabled selected value=""> 
 
      Scegli un tipo di servizio 
 
     </option> 
 
     <option value="discharge"> 
 
      Dimissioni 
 
     </option> 
 
     <option value="transfer"> 
 
      Trasfermimento struttura 
 
     </option> 
 
     <option value="examination"> 
 
      Visita di controllo 
 
     </option> 
 
     <option value="admission"> 
 
      Ricovero in casa di cura o clinica 
 
     </option> 
 
    </select> 
 
    </div> 
 
</div> 
 
<div class="col s12" id="service_info" hidden> 
 
    <div class="row"> 
 
    <div class="input-field col s4"> 
 
     <input class="mdl-textfield__input" id="place_from" name="place_from" type="text"> 
 
     <label for="place_from">Indirizzo del luogo di partenza</label> 
 
    </div> 
 
    <div class="input-field col s4"> 
 
     <input class="validate" id="place_to" name="place_to" type="text"> 
 
     <label for="place_to">Indirizzo del luogo di arrivo</label> 
 
    </div> 
 
    <div class="input-field col s4"> 
 
     <input class="validate" id="section" name="section" type="text"> 
 
     <label for="section">Reparto</label> 
 
    </div> 
 
    </div> 
 
</div>

我不明白爲什麼好像沒有什麼改變。

來源

2016-05-27 TheNobleSix

您聲明的代碼在哪裏？在HTML之前還是之後？或者它在'document.ready'語句中？ – putvande

它在裏面標籤裏面標籤和裏面$（function（）{}）; – TheNobleSix

它工作得很好：https：//jsfiddle.net/j072nm3m/你可以嘗試將console.log（'test'）放到你的javascript中，這樣你就可以看到它正在被執行嗎？ –

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#service_type').change(function() { 
       $('#service_info').show('slide'); 
      }); 
     });  
</script>

來源

2016-05-27 15:24:05 HudsonPH

如何隱藏嵌套div的div

回答

相關問題