есть некое количество переключателей, под некоторыми из них есть переключатели второго уровня…

задача состоит в том, что бы при переходе по переключателях появлялись переключатели второго уровня, а когда переключатель первого уровня не активен, то переключатели второго уровня прятались и становились не отмеченными.

Наваял я код, он работает, но он корявый, поскольку в моем скрипте присутствует часть кода под каждый переключатель, а как же быть если их будет много, не может же скрипт быть бесконечным…
Но как же его упростить?

	$(document).ready(function(){
	    $('#green').click(function() {
	        $('#test_block').show();
	    });
	});
	
	$(document).ready(function(){
	    $('#red').click(function() {
	        $('#test_block').hide();
	        $("input[name=fond]").removeAttr("checked");
	    });
	});
	
	$(document).ready(function(){
	    $('#red1').click(function() {
	        $('#test_block').hide();
	        $("input[name=fond]").removeAttr("checked");
	    });
	});

<form>
<div>
              <input type="radio" name="vb" value="red" id="red" /><label>Красный</label><br />
              <input type="radio" name="vb" value="green" id="green" /><label>Зеленый</label><br />
              <div id="test_block" style="display:none;">			  
                     <input type="radio" name="fond" value="0"><label class="text"> - заг</label> <br>
                     <input type="radio" name="fond" value="1"><label class="text"> - спец</label> <br>
	      </div>
              <input type="radio" name="vb" value="blue" id="red1" /><label>Синий</label>
</div>
</form>