You can try this
$(document).ready(function () {
$('#checkbox1').prop("checked", true);
// $('#checkbox2').attr('disabled', true);
$('.2').hide();
$('#checkbox1').click(function () {
$('.2').hide();
$('.1').show();
$('#checkbox2').prop("checked", false);
$('#checkbox1').attr('disabled', true);
$('#checkbox2').attr('disabled', false);
});
$('#checkbox2').click(function () {
$('.1').hide();
$('.2').show();
$('#checkbox1').prop("checked", false);
$('#checkbox2').attr('disabled', true);
$('#checkbox1').attr('disabled', false);
});
});
It will give the result as you specified above.