jQuery combine two parts

Question

How to combine these two parts into one

part 1

if ($('input.border-question').is(':checked')) {
    $('.as-hidden').show();
}else {
    $('.as-hidden').hide();
}

part 2 for click

$('input.border-question').click(function(){
    if($(this).is(":checked")){
       $('.as-hidden').show();
    }
    else if($(this).is(":not(:checked)")){
        $('.as-hidden').hide();
    }
});

Answer 1

Use toggle():

$('.as-hidden').toggle($('input.border-question').is(':checked'));

$('input.border-question').click(function(){
   $('.as-hidden').toggle($(this).is(":checked"));
});