[Resolvido]Ocultar e exibir vários blocos de uma vez

Formulários
#1

Olá pessoal, vi alguns tópicos sobre este assunto e como estavam sem respostas resolvi criar este para mostrar a minha solução
Eu criei 2 campos checkbox expandir e ocultar, selecionei a opção “Manual” no lookup, em valor coloquei qualquer coisa e o no label o seguinte código:

<a href='#' onclick='do_ajax_form_medicines_edit_event_expand_onclick()'>
    <img src='/scriptcase/app/uti_manager/_lib/img/scriptcase__NM__ico__NM__arrow2_down_blue_24.png' >
 </a>

Desta forma ele exibe a imagem e podemos usar o evento onClick do campo checkbox.
No evento onApplicationInit coloquei o display none para não aparecer a caixa de marcação do checkbox (Em soluções semelhantes o pessoal utilizava o campo text, mas ao clicar na imagem aparecia a barra de digitação dentro do input)

?>
<style type='text/css'>
   .sc-ui-checkbox-expand{
      display:none;
	
   }
   .sc-ui-checkbox-hide{
      display:none;
	
   }
</style>
<?php

No evento onClick chamei o método javascript expandir e ocultar respectivamente em cada campo

Dentro do método ocultar coloquei o seguinte código

// se repete para cada bloco que quiser ocultar
document.getElementById('div_hidden_bloco_1').style.display = 'block';
//div_hidden_bloco_1 é a id do bloco

Dentro do método expandir o seguinte código

// se repete para cada bloco que quiser expandir
document.getElementById('div_hidden_bloco_1').style.display = 'none';

É isso funcionou perfeitamente!
Ocultado

Expandido