Camadas, z-index, position - Menu

[Robson Curvello 0]

Bom dia pessoal!

Estou tentando fazer um box "tipo menu" ex:

MENU 1

[conteudo oculto - display:none]

[conteudo oculto - display:none]

MENU 2

[conteudo oculto - display:none]

[conteudo oculto - display:none]

MENU 3

[conteudo oculto - display:none]

[conteudo oculto - display:none]

MENU 4

[conteudo oculto - display:none]

[conteudo oculto - display:none]

MENU 5

[conteudo oculto - display:none]

[conteudo oculto - display:none]

....

E entre o MENU 1 e MENU 2 e assim com os demais item "MENU #", existe conteúdo oculto que só irá mostra-lo ao clicar sobre o MENU 1, ... e essa div antes oculta "empurra" os demais itens (MENU 2, MENU 3, etc) para baixo e fica ativa. o meu problema é empurrar essas divs pois sobrepor estou usando nas divs ocultas o seguinte codigo CSS:

display:none;

position:absolute;

z-index:1; /*----mudar o numero de acordo com a quatidade de camadas*/

Ex: em estado normal, com as demais divs ocultas:

#################################

# MENU 1 #

#################################

#################################

# MENU 2 #

#################################

#################################

# MENU 3 #

#################################

Ex: clicado no MENU 1 exibindo 1 div oculta:

#################################

# MENU 1 #

#################################

#################################

# #

# # <----- aqui estou conseguindo sobrepor

# LINK CHAMA NOVA CAMADA #

# #

# #

#################################

#################################

# MENU 2 #<----- Mas não empurra essas divs para baixo

################################# |

################################# |

# MENU 3 #<------

#################################

Nesse caso a camada oculta sobrepõem os itens menu 2, menu 3 e etc, não empurrando eles para baixo....

Não sei se fui claro mas é +- isso...

alguém poderia me ajudar?

[gpontes 9]

http://jqueryui.com/accordion/

 

ou

 

http://jsbin.com/nokozecuroqi/1/edit (Do lado direito selecione auto-run js)

 

?

[Robson Curvello 0]

é +- isso... o problema é q nos meus ... segundo seu exemplo no jsbin as "divs box" eu tenho layers ocultas que ao clicar nos links dentro do box eles sobrepõem o box deixando-o uma camada abaixo...

 

e nao consigo fazer isso de maneira nenhuma...

 

não sei se fui claro... mas valeu pela ajuda desde já!