[Resolvido] Menu Acordeão

[Airamzita]

Olá! Não percebo nadinha de js, no entanto fiz o download de um menú acordeão que trabalha bem. MAs isto é apenas no mozilla, no google chrome e no ie não faz nada. Alguma solução?

Desde já, obrigado.

Edited June 2, 2012 at 09:20 PM by Airamzita

[HappyHippyHippo]

pela informação de dizes:

- não sabes de JS

- sacaste de net

- não funciona em todos os browsers

só existe uma solução : arranja outro

[vtimbuc]

Podes arranjar uns menus accordion no meu site.

[naonaonao]

no site do jquery tb esta la algo que funciona em tds os browsers

[taviroquai]

O que o acordeão faz é alternar entre mostrar/esconder um elemento.

Se tiveres 1 elemento:

<!-- uma DIV para organizar o que queremos mostrar -->
<div>
<!-- um elemento A para servir de botao para o utilizador clicar -->
<a href="#" id="acordeaoButton">Clica aqui para mostrar/esconder o elemento com a class acordeão</a>
<!-- um elemento DIV que serve para meter o nosso conteúdo lá dentro -->
<div class="acordeao">
	<!-- um elemento P para meter o nosso parágrafo lá dentro -->
	<p>Conteúdo1</p>
<!-- Não esquecer fechar a DIV do conteúdo -->
</div>
<!-- Também não esquecer fechar a DIV para este exemplo -->
</div>

Depois precisas de comportamento para mostrar/esconder o elemento, javascript:

<script type="text/javascript">
// Apanhar o nosso elemento botao
var botao = document.getElementById('acordeaoButton');
// Dizer ao botao para que quando receber um click, fazer o seguinte...
botao.addEventListener('click', function() {
	// apanhar o nosso elemento conteudo (apenhas o primeiro)
	var conteudo = this.parent.getElementByClassName('acordeao')[0];
	// Se estiver escondido (display está vazio), mostrar o conteudo...
	if (conteudo.style.display == '') conteudo.style.display = 'block';
	// Senão, esconder o conteudo
	else conteudo.style.display = '';
}, false);
</script>

Lê as coisas devagarinho para aprenderes.

Edited June 6, 2012 at 01:10 AM by taviroquai

[HappyHippyHippo]

@taviroquai :

falta somente um pormenor de um elemento acordeão ... esconder um elemento aberto quando se quer mostrar um diferente

[taviroquai]

@Happy

Sim... esse comportamente pode ser útil ou não... eu por acaso detesto que a UI faça coisas demasiado automáticas... no caso do acordeão gosto de esconder o elemento APENAS quando clico nesse elemento (toggle)...

Desta forma posso até ter alguns elementos escondidos... mas isso sou eu 🙂 Se calhar deixa de ser um acordeão "normal" da forma como gosto...

[HappyHippyHippo]

@Happy

Sim... esse comportamente pode ser útil ou não... eu por acaso detesto que a UI faça coisas demasiado automáticas... no caso do acordeão gosto de esconder o elemento APENAS quando clico nesse elemento (toggle)...

Desta forma posso até ter alguns elementos escondidos... mas isso sou eu 🙂 Se calhar deixa de ser um acordeão "normal" da forma como gosto...

epa .. isso já entra na matéria de gostos ... cada um tem o seu e ninguém tem nada haver com isso 😄

[taviroquai]

Sim. Design e comportamento de UI é mesmo uma área super interessante... acho engraçado quando o utilizador diz "Porque raio desaparecem os menús se eu não cliquei ali?!?" 😛

[pikax]

Sim. Design e comportamento de UI é mesmo uma área super interessante... acho engraçado quando o utilizador diz "Porque raio desaparecem os menús se eu não cliquei ali?!?" 😛

concordo, por vezes ate gosto que todos estejam 'a mostra

[Airamzita]

Obrigado! 🙂

A intenção era mesmo quando eu abrisse uma nova aba, a outra não fechasse.

Resolvido