
$(document).ready(function() {
  // 初めにオプションを隠しておく
  var toggleTargetClass = '.option';
  $(toggleTargetClass).css('display', 'none');

  // For Demo1
  $('#demo1-child-exist input').click(function() {
    var target = $('#demo1-option'); 
    var value = $(this).val();
    var display = (value == 'Yes')? '': 'none';
    var currentState = target.css('display');

    if(currentState != display) {
      target.slideToggle('fast');
    }
  });

  // For Demo1 end

  // For Demo2
  $('#demo2-child-exist').change(function() {//
    var target = $('#demo2-option');
    var value = $(this).val();
    var display = (value == 'Yes')? '': 'none';
    var currentState = target.css('display');

    if(currentState != display) {
      target.slideToggle('fast');
    }
  });

  // For Demo2 end


});//削除しない

