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

Graeffs
Fri, 04 Aug 2017 13:38:57 +0000

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:





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)

?>

   .sc-ui-checkbox-expand{
      display:none;

   }
   .sc-ui-checkbox-hide{
      display:none;

   }

<?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

Ler tópico completo