Como Fazer Um Div Desaparecer

[hicarocastro]

como fazer um div desaparecer?

[OSJunior]

Utilize juntamente com o JS, alguns comandos do CSS, como o display.

Se você der uma procurada aqui na seção, com certeza encontrará algo relacionado, se pesquisar por essas palavras.

Abraços.

[hicarocastro]

Poderia explicar melhor?

[fahledu]

se não me engano é algo assim:

id_da_sua_div.style.visibility: hidden

abrços

[Graymalkin]

Eu utilizo JavaScript para isso. Crie um arquivo chamado divvanish.js e coloque o seguinte nele:

function hideDiv(nome) {
  document.getElementById(nome).style.visibility = "hidden";
}

function showDiv(nome) {
  document.getElementById(nome).style.visibility = "visible";
}

Inclua-o na sua página HTML com:

<script language="javascript" type="text/javascript" src="divvanish.js"></script>

Depois, basta chamar uma das funções passando nome da div:

hideDiv("nome_da_div");

Certo?

Graymalkin

[lemissel]

Se tu usar o visibility o div vai ficar alocado, mas não visível, se tu usares o display ele vai submir completamente.

Ambos são usados da seguinte forma:

document.objeto.style.[display ou visibility] = [valor correto para cada um];

Em valor correto para cada um:

Visibility: hidden -> oculta & visible -> mostra;

Display: block -> mostra & none -> oculta;

Se eu n me engano heheheh

[]'s

[hsimberg]

Vo aproveitar o embalo e tirar uma duvida..

Eu to tentando fazer essa coisa..acho muito legal...ai peguei de um site ai o codigo e andei modificando..

o link é esse: http://www.nando.infinitehost.com.br/nando/?s=news

To em testes ainda

então...o problema é

Quando abre a pagina os divs já estão aparecendo...e não deveriam...

E no IE não está funcionando...[pelo menos aqui só funciona no firefox...]

Gente....se alguém poder ajudar...

To mandando os codigos tb...

Abraço!

o js

function abreCampos(campos, img){
	var x, y;
	x = document.getElementById(campos);
	y = document.getElementById(img);
  if (x.style.display == "none")
  {
  	x.style.display = "";
  	y.src = "img/min.gif";
  	}
  else
  {
  	x.style.display = "none";
  	y.src = "img/max.gif";
  }
}

Ai o php

    <td colspan="2"><font style="cursor: pointer;" onClick="abreCampos('<? echo $row["id"];?>','<? echo $row["title"];?>');"><img id="<? echo $row["title"];?>" src="img/max.gif"> mais opções</font>
	<div id="<? echo $row["id"];?>">
	<a href="#" onclick="window.open('<? echo "script/indique.php?area=releases&id=".$row["id"].""; ?>', '_blank', 'width=260,height=160,resizable,noscrollbars'); return false; ">indicar</a>
	|
	<a href="#" onclick="window.open('<? echo "script/print.php?area=releases&id=".$row["id"].""; ?>', '_blank', 'width=600,height=450,resizable,noscrollbars'); return false; ">imprimir</a>
	</div>
	</td>

e no css ta isso

#show { display: none; }
#hide { display: block; }