Toogle

[Tiago Henrique 0]

Olá possuo um código que abre elementos quando alguém clica no link.. Tudo bem.. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Gostaria de saber como eu faço para quando abrir um elemento fechar um que ja esta aberto... http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Obrigado.

 

<script type="text/javascript">
	<!--
	function toggle(obj) {
		var el = document.getElementById(obj);
		if ( el.style.display != "none" ) {
			el.style.display = 'none';
		}
		else {
			el.style.display = '';
		}
	}
	-->
	</script>

[Tiago Henrique 0]

ninguem?

[desisto 0]

link1:

abre('id1')

 

link2:

abre('id2')

 

link3:

abre('id3')

 

<div id="id1">1</div>

<div id="id2">2</div>

<div id="id3">3</div>

 

ai você pode criar uma funcao com um loop pra fechar todas e ao final da funcao você abre o que foi clicado

 

function abre_fecha(id)

loop

fecha

abre id

 

deu pra entender +-?

[Tiago Henrique 0]

Cara, obrigado pela ajuda.. Mas eu não entendi.. Eu tentei fazer mas não obtive nenhum resultado..

 

Se você poder me explicar mais ou algum tutorial que devo ler..

 

muito obrigado.

[desisto 0]

podia postar o que fez pra gente ajudar a chegar no caminho...

 

veja se esse link te ajuda, uma solucao pra sua duvida em outro topico

http://forum.imasters.com.br/index.php...t&p=1123552

 

abracos

[Tiago Henrique 0]

Olá. estou dando uma estudada no código..

 

vlw mesmoo

 

o site é

 

www.babenko.com.br/axtec/

[desisto 0]

o codigo é simples, você pode tirar a contra-barra que colocquei e testar a mudanca de class

é muito simples

 

[]s

[Carutcho 0]

<script type="text/javascript">

	function toggle(obj) {
		var el = document.getElementById(obj);
		if ( el.style.display != "none" ) {
			el.style.display = 'none';
		}
		else {
			el.style.display = 'block';
		}
	}
  
	</script>

Caso queira intercalar 2 elementos

 

<script type="text/javascript">
  
	function toggle(obj1, obj2) {
		var obj1 = document.getElementById(obj1);
		var obj2 = document.getElementById(obj2);

		if (( obj1.style.display == "none" )&&( obj2.style.display == "block" )) {
			obj1.style.display = 'block';
			obj2.style.display = 'none';
		}
		else if (( obj1.style.display == "block" )&&( obj2.style.display == "none" )) {
			obj1.style.display = 'none';
			obj2.style.display = 'block';
		}
		 else
	   {		
			obj1.style.display = 'none';
			obj2.style.display = 'none';
		}
	}
  
	</script>

testa aeee

absss

[Carutcho 0]

Cara,

agora q eu vi o seu site, quando escrevi o primeiro código, juro q nem dei mt atenção, e agora sei onde está o problema e qual é a sua dúvida.

Fiz um scriptzinho aqui rapidinho pra salvar a sua vida rsssss, e só fiz pq eu adorei o seu site e achei q ta mt bom cara.

parabéns.

 

se liga, troca seu javascript por esse aqui

 

<script>
function toggle(id)
{
		// sempre que adicionar uma div nova, é só você colocar aqui o id dela que vai funcionar pra ela tb.
	var lista = new Array ("seguranca","servidores","disponibilidade","trabalho");	
	for (i=0; i<lista.length;i++)
	{
		document.getElementById(lista[i]).style.display = "none";
		if (lista[i]==id)
		{
			document.getElementById(lista[i]).style.display = "block";			
		}
	}
}
</script>

e no seu CSS coloque assim que fica mais bunito, vai deixar uma mãozinha quando você passar o mouse em cima.

#seguranca .menu ul li a {cursor:pointer}

caso não queria mexer no seu css, coloca o link do HTML assim ó :

 

<a href="java script:toggle('seguranca');">Segurança </a>

Absss cara e mais uma vez parabéns pelo layout ficou bem legal..

 

qualquer dúvida ou problema posta aee q a gente tenta ajudar.

 

absss

[Tiago Henrique 0]

nossa cara, muito obrigado!

 

Funcionou perfeitamente! ;D

 

e obrigado pelos elogios..