Константин Лавровский

Если грубо - вот так можно сделать

<form action="..." class="form">
	<label for="type">
		<input type="checkbox" class="check-box-one">
		<input type="checkbox" class="check-box-two">
	</label>
	<label for="check-box-one">
		<input type="checkbox" class="next">
		<input type="checkbox" class="next">
	</label>
	<label for="check-box-two">
		<input type="checkbox" class="next">
		<input type="checkbox" class="next">
	</label>
</form>

И код обработки такой

if ($('.check-box-one').prop('checked')){
    $('.check-box-one').slideDown();
}elseif($('.check-box-two').prop('checked')){
	$('.check-box-two').slideDown();
}

По сути всё остальное таким же образом делать можно, изначально в стилях ставьте ненужные поля в ксс display:none, а уже slideDown() их отобразит