モーダルを閉じるにはどうしたらいいですか？

Question

<div class="modal"> 
    <label for="modal-sizing"> 
     <a class="modal-trigger" id="modal-trigger"><span class="icon-rulers icon"></span>Size Guide 
     <input class="modal-state" id="modal-sizing" type="checkbox"> 
     </a> 
    </label> 
    <input class="modal-state" id="modal-sizing" type="checkbox"> 
    <div class="modal-fade-screen" id="modal-fade-screen"> 
     <div class="modal-inner"> 
      <div class="modal-close" for="modal-sizing"><span class="icon-cross-circle icon-l"></span></div> 
      <div class="modal-content"><img class="center" src="<?php echo $skinUrl?>images/size-chart-wide.png" width="1077" height="644" alt="Size Chart Wide"></div> 
     </div> 
    </div> 
</div> 
<script> 
jQuery('.modal-trigger').click(function() { 
    jQuery("input:checkbox").prop('checked', true); 
}); 
</script> 

Answer 1

は、次のコード

jQuery('.modal-close').click(function() { 
    jQuery('.modal').hide(); 
    jQuery('input:checkbox').prop('checked', false); 
});