função hide/show

[_vina 0]

boa noite.

 

eu tenho uma função de hide/show

 

mais eu queria fazer umas mudanças.

 

function showHelp() {

  obj1 = document.getElementById("help"); obj1.style.display = "block";
  obj1 = document.getElementById("help2"); obj1.style.display = "block";
  obj1 = document.getElementById("show_help"); obj1.style.display = "none";
}
function hideHelp() {
  obj1 = document.getElementById("help"); obj1.style.display = "none";
  obj1 = document.getElementById("help2"); obj1.style.display = "none";
  obj1 = document.getElementById("show_help"); obj1.style.display = "block"; 
  
}

ao inves de criar varias funções para abrir e fechar.

teria como eu fazer uma unica função para o hide e o show ???

 

obrigado

[Danilo Ramos 0]

Eu uso essa... não sei se existe uma melhor...

 

tem que usar um css para cada show/hide que for utilizar...

 

CSS

<style type="text/css">

#intro_outros {
display: block;
}

#intro_outros.minimised { display: none; }

#intro_outros-control.minimised a.show,
#intro_outros-control.maximised a.hide { display: inline; }

#intro_outros-control.maximised a.show,
#intro_outros-control.minimised a.hide { display: none; }
</style>

JS

<script type="text/JavaScript">
function toggle(id,action) {
if (document.getElementById)
  {
  var theitem = document.getElementById(id);
  
  if (action == 'maximised') {
   theitem.style.display = 'block';	
  }  else {
   	theitem.style.display = 'none';
   }	

  document.getElementById(id +'-control').className = action;
  
  }
}
</script>

HTML c/ Link

<div id="intro_outros" class="minimised">
<p align="justify">OUTROS</p>
</div>

<div id="intro_outros-control" class="minimised">
<a href="#" onclick="toggle('intro_outros','minimised'); return false" title="Exibir." class="hide">Exibir</a>
<a href="#" onclick="toggle('intro_outros','maximised'); return false" title="Ocultar." class="show">Ocultar</a>
</div>

espero ter ajudado...

 

abraços