Jump to content


Okbro.com's Content

There have been 1 items by Okbro.com (Search limited from 09/04/2019)


Ordernar por                Order  

#986355 Menu Com Display/hide (css+javascript)

Posted by Okbro.com on 17/11/2009, 01:22 in Javascript / DOM / AJAX / ECMAScript

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