Jump to content


Okbro.com

Member Since 10/05/2006
Offline Last Active 17/11/2009, 14:21
-----

Topics I've Started

Menu Com Display/hide (css+javascript)

17/11/2009, 01:22

Bom, minha dúvida não é como fazer que é simples, o problema é o seguinte... estou com um projeto meu e quero fazer isso mas suas divs tem seu nome em maioria iguais, exemplo:

(isso aqui é somente uma categoria do menu)
<div class="menu_categoria">Sistemas Operacionais</div> 
<div class="menu_subcategoria">Linux</div> 
<div class="menu_titulo"><a href="?pagina=so-linux-instalacao">Instalação</a></div> 
<div class="menu_titulo"><a href="?pagina=so-linux-blabla">Blabla</a></div> 
<div class="menu_subcategoria">Windows</div> 
<div class="menu_titulo"><a href="?pagina=so-windows-instalacao">Instalação</a></div> 
<div class="menu_titulo"><a href="?pagina=so-windows-blabla">Blabla</a></div>

O problema está em eu clicar em uma subcategoria para expandir e todas expandem(era pra expandir só a que eu cliquei certo?)

Minha dúvida fica... e agora? Eu posso facilmente nomear as divs com nomes diferentes, mas teria que criar um .css com as N subcategorias que existem... alguem sabe uma maneira não tão dificil de fazer isso?

Minha idéia é fazer algo que ao criar uma nova subcategoria, ele adicione no arquivo .css com essa nova div... mas ficaria muito grande meu .css e ficaria meio improdutivo.

Obrigado pela ajuda :)

IPB Skin By Virteq