[MC-XOBAHCK]

Здравствуйте!
Помогите, простейшая задача (но не для меня) - нужно при включении чекбокса показывать блок, а при выключении скрывать.
Всё что я смог - это только запустить появление блока.

Вот код. В проблемной строчке скрипта я поставил вопросы:

<style>
    #block1 {display:none; height: 50px; width: 50px;background:green;}
    #block2 {display:none; height: 50px; width: 50px;background:green;}
</style>


<input type="checkbox" id="my1"><label for="my1">Включить 1</label>
<div class="skat" id="block1"></div>

<input type="checkbox" id="my2"><label for="my2">Включить 2</label>
<div class="skat" id="block2"></div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('#my1').click(function(){
    if ($(this)??????????) {
        $('#block1').fadeOut();
    } else {
        $('#block1').fadeIn(); 
    }
});

$('#my2').click(function(){
    if ($(this)??????????) {
        $('#block2').fadeOut();
    } else {
        $('#block2').fadeIn(); 
    }
});
</script>