[Resolvido] Display: block - ao dar check no radio button

Oi gente! Tudo bem?

É o seguinte, eu tenho uma estrutura mais ou menos assim:

<form action="" method="">
<input type="radio" name="item" id="item_1" />
 <div id="publicacoes_item_1">
 <input type="checkbox" name="item_1" id="pub_1" />
 <input type="checkbox" name="item_1" id="pub_2" />
 <input type="checkbox" name="item_1" id="pub_3" />
 <input type="checkbox" name="item_1" id="pub_4" />
 </div>
<input type="radio" name="item" id="item_2" />
 <div id="publicacoes_item_2">
 <input type="checkbox" name="item_1" id="pub_1" />
 <input type="checkbox" name="item_1" id="pub_2" />
 <input type="checkbox" name="item_1" id="pub_3" />
 <input type="checkbox" name="item_1" id="pub_4" />
 </div>
</form>

Eu gostaria de dar um display: block na div correspondente ao radio button selecionado, entendem?

A princípio as divs estarão escondidas. Ao clicar no radio 1, por exemplo, as checkbox correspondentes a ele apareceriam.

Como faço esse javascript?

Acabei de fazer em javascript uma função que dá o display: block.

<script type="" language="javascript">
 function verificaCheckButton(id) {
 if(document.getElementById(id).checked) {
 document.getElementById('publicacoes_' + id).style.display = 'block';
 }
</script>

Resta agora fazer a função pra esconder de novo se trocar de radio button. Como devo proceder?