Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia...
Seguindo a função:
<script>
function aparece(ahhhh){document.getElementById(ahhhh).style.display = "block";
}Só que estou trabalhando com vários links (6 no total) e quando clico em 2, os 2 conteúdos ficam..
Gostaria que ao clicar em um, todos os outros voltassem pro None, e só aparecesse o clicado... e vice-versa..
Agradeço desde já!
Att. Rodolfo Valezin
Ele possui elementos em JQuery, além de eu não entender muito de Javascript..
Não teria alguma alternativa mais simples?
Att.
cara, certamente 'mais simples' não será.. pq oque você quer, não é 'tão simples'.
mas vou explicar a lógica para fazer então.
-> para pegar um array, use getElementsByTagName('a')
-> faça um loop pelos elementos desse array que vão disparar a ação de abrir (vamos usar a tag <a>)
-> para limitar a quais aplicar a função, vamos pegar o getElementsByTagName() apartir de um container
-> antes de 'exibir', ao clicar em algum dos <a>, esconda todos os conteudos, e depois disso, mostre oque você clicou.
-> ao carregar a página, esconda todos os conteudos
exemplo sem jquery de accordion:
Hm... entendi como funciona, só não consegui adaptar ao meu caso...
Por exemplo, no menu é utilizado as UL's como "submenus"...
No meu caso não são Sub-menus... e sim o conteúdo... que ficam em uma div...
Atual script:
<script>
function aparece(Genari){document.getElementById(Genari).style.display = "block";
}o link que chama o conteúdo: (isso fica dentro de uma div com bg e etc..)
<a href="#" onclick="aparece('Historia');">História da Genari</a> <a name="link1"></a>
div conteúdo, após clicar no link o conteúdo aparece aqui...
<div style="float:left; margin-left:15px; height:400px;">
<span id="Historia" style="display: none;"></span>
</div>então, atualmente são 6 links...
~
Não consegui adaptar ao meu caso :S pois sou leigo na área de js...
cara.. exemplo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
function hide_all(){
var divs = id('content').getElementsByTagName('div');
for( var i=0; i<divs.length; i++ )
{
divs[i].style.display = 'none';
}
}function disablelink( e ){
var evt = window.event || e
if (evt.preventDefault) //supports preventDefault?
evt.preventDefault()
else //IE browser
return false
}
window.onload = function(){
hide_all();
var as = id('content').getElementsByTagName('a');
for( var i=0; i<as.length; i++ )
{
as[i].onclick = function( e ){
hide_all();
var id_el = this.href.split('#')
id( id_el[1] ).style.display = 'block';
return disablelink( e );
}
}
}
</script>
</head>
<body>
<div id="content">
<a href="#historia">História</a><br />
<div id="historia">Conteudo da História</div>
<a href="#geografia">Geografia</a><br />
<div id="geografia">Conteudo da Geografia</div>
<a href="#matematica">Matemática</a><br />
<div id="matematica">Conteudo da Matemática</div>
</div><!-- /content -->
</body>
</html>
mesmo esquema do accordion, veja:
http://forum.imasters.com.br/index.php?/topic/409710-menu-accordion-aberto-apos-link/