Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Amigo_zz

em menu

Por , em Javascript

Recommended Posts

Amigo_zz    0

Amigo_zz
Postado

colegas,

 

tenho um menu com submenus. Quando o site abre estão todos escondidos e preciso de clicar num e esconder todos e abrir somente naquele que cliquei.

 

Se voltar a clicar no mesmo ele esconde...

 

tenho o menhu com algo do genero

<a href="#" onclick="expand('1');">link 1</a>painel 1link 2 painel 2

no js tenho:

function expand(id){	collapse();		if(elm('painel'+id).style.display='none'){		elm('painel'+id).style.display='';		elm('seta'+id).src='imagens/collapse.gif';	}else{		collapse();	}}function collapse(){	elm('painel1').style.display='none';	elm('painel2').style.display='none';	elm('painel3').style.display='none';	elm('painel4').style.display='none';	elm('painel5').style.display='none';	elm('painel6').style.display='none';	elm('painel7').style.display='none';		elm('seta1').src='imagens/expand.gif';	elm('seta2').src='imagens/expand.gif';	elm('seta3').src='imagens/expand.gif';	elm('seta4').src='imagens/expand.gif';	elm('seta5').src='imagens/expand.gif';	elm('seta6').src='imagens/expand.gif';	elm('seta7').src='imagens/expand.gif';}

Para concluir que quando clico abre, mas quando volto a clicar nao esconde.

 

já agora agradecia que me ajudassem com o melhoramente deste tipo de script...

 

sei que não e boa programação que tenho na função collapse(), por isso se houver almas caridosas, agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado

Não entendi muito bem, veja se é isso:

 

function expand(id){	if (elm('painel'+id).style.display == 'none') {		elm('painel'+id).style.display = '';		elm('seta'+id).src = 'imagens/collapse.gif';	} else {		elm('painel'+id).style.display = 'none';		elm('seta'+id).src = 'imagens/expand.gif';		}}function collapse(){	for (var i = 1; i <= 7; i++) elm('painel'+i).style.display = 'none';	for (var i = 1; i <= 7; i++) elm('seta'+i).src = 'imagens/expand.gif';}......<body onload="collapse();">

F.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Amigo_zz    0

Amigo_zz
Postado

Não entendi muito bem, veja se é isso:

function expand(id){	if (elm('painel'+id).style.display == 'none') {		elm('painel'+id).style.display = '';		elm('seta'+id).src = 'imagens/collapse.gif';	} else {		elm('painel'+id).style.display = 'none';		elm('seta'+id).src = 'imagens/expand.gif';		}}function collapse(){	for (var i = 1; i <= 7; i++) elm('painel'+i).style.display = 'none';	for (var i = 1; i <= 7; i++) elm('seta'+i).src = 'imagens/expand.gif';}......<body onload="collapse();">
F.
Obrigadão. Muito fixe. Mas preciso de mais um pequeno pormenor...preciso que além disso quando abrir um painel...feche todos os outros.Mais 1x obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 

function expand(id) {  collapse();  elm('painel'+id).style.display = '';  elm('seta'+id).src = 'imagens/collapse.gif';}function collapse(){  for (var i = 1; i <= 7; i++) elm('painel'+i).style.display = 'none';  for (var i = 1; i <= 7; i++) elm('seta'+i).src = 'imagens/expand.gif';}......<body onload="collapse();">

F.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito