2つのセレクトボックスを連動させ、選択項目の表示・非表示を行いたい

前提・実現したいこと

選択肢1 （国）の選択で日本を選択する。
選択肢2 日本を選択すると非表示だったセレクトボックスが表示され都道府県を選択する。

<div id="state" class="wow_form_fields">
 <label for="country"><?php echo $wo['lang']['country']; ?></label>
  <select id="country" name="country" class="form-control">
   <?php foreach ($wo['countries_name'] as $country_ids => $country) { 
               $country_id = $wo['user']['country_id'];
               $selected_contry = ($country_ids == $country_id) ? ' selected' : '' ;
   ?>
   <option value="<?php echo $country_ids;?>" <?php echo $selected_contry;?> ><?php echo $country;?></option>
   <?phpp } ?>
  </select>
</div>

<div id="prefs" class="wow_form_fields">
 <label for="pref"><?php echo $wo['lang']['pref']; ?> </label>
  <select name="prefecture">
   <?php foreach ($wo['prefecture_name'] as $prefecture_ids => $prefecture) { 
                  $prefecture_id = $wo['setting']['prefecture_id'];
                  $selected_prefecture = ($prefecture_ids == $prefecture_id) ? ' selected' : '' ;
   ?>
   <option value="<?php echo $prefecture_ids;?>" <?php echo $selected_prefecture;?> ><?php echo $prefecture;?></option>
   <?php } ?>
  </select>
</div>

上記が吐き出すhtml

<div id="state" class="wow_form_fields">
 <label for="country">国</label>
 <select id="country" name="country" class="form-control">
	<option value="" selected="">国を選択</option>
	<option value="104">イスラエル</option>
	<option value="105">イタリア</option>
	<option value="106">コートジボワール</option>
	<option value="107">ジャマイカ</option>
	<option value="108">日本</option>
	<option value="109">ジョーダン</option>
	<option value="110">カザフスタン</option>
	<option value="111">ケニア</option>
	<option value="112">キリバス</option>
	<option value="113">北朝鮮</option>
	<option value="114">韓国</option>
 </select>
</div>

<div id="prefs" class="wow_form_fields">
 <label for="pref">都道府県</label>
 <select name="prefecture">
	<option value="0" selected="">都道府県を選択</option>
	<option value="1">北海道</option>
	<option value="2">青森県</option>
	<option value="3">岩手県</option>
	<option value="4">宮城県</option>
	<option value="5">秋田県</option>
	<option value="6">山形県</option>
	<option value="7">福島県</option>
	<option value="8">茨城県</option>
	<option value="9">栃木県</option>
	<option value="10">群馬県</option>
	<option value="11">埼玉県</option>
	<option value="12">千葉県</option>
	<option value="13">東京都</option>
	<option value="14">神奈川県</option>
	<option value="15">新潟県</option>
	<option value="16">富山県</option>
	<option value="17">石川県</option>
	<option value="18">福井県</option>
	<option value="19">山梨県</option>
	<option value="20">長野県</option>
	<option value="21">岐阜県</option>
	<option value="22">静岡県</option>
	<option value="23">愛知県</option>
	<option value="24">三重県</option>
	<option value="25">滋賀県</option>
	<option value="26">京都府</option>
	<option value="27">大阪府</option>
	<option value="28">兵庫県</option>
	<option value="29">奈良県</option>
	<option value="30">和歌山県</option>
	<option value="31">鳥取県</option>
	<option value="32">島根県</option>
	<option value="33">岡山県</option>
	<option value="34">広島県</option>
	<option value="35">山口県</option>
	<option value="36">徳島県</option>
	<option value="37">香川県</option>
	<option value="38">愛媛県</option>
	<option value="39">高知県</option>
	<option value="40">福岡県</option>
	<option value="41">佐賀県</option>
	<option value="42">長崎県</option>
	<option value="43">熊本県</option>
	<option value="44">大分県</option>
	<option value="45">宮崎県</option>
	<option value="46">鹿児島県</option>
	<option value="47">沖縄県</option>
 </select>
</div>
```具体的には、選択肢１で日本を選択すると選択肢２が表示される。
といったものにしたいのですが、調べても、良い対処方法が見つからず、とても困っています。

何か方法を知っている方、アイデアのある方、
コメントいただけますと幸いです。

よろしくお願いいたします。

行動規範の内容に同意します

回答1件

多分これでできると思います

javascript
1$("#country").change(function(){
2  if($(this).val() == 108)
3    $("#prefs").css("display","block");
4  else
5    $("#prefs").css("display","none");
6});