Olá pessoal, Estou com uma dúvida que não estou conseguindo resolver :wacko: Primeiramente eu adaptei um menu em abas, ou seja, um menu que não carregasse uma nova página e sim trocasse o conteúdo de uma div, ai eu precisava fazer um menu lateral vertical fixo na esquerda, que fizesse a mesma coisa. Tentei adaptar o código, o menu apareceu, até funciona, mas nao 100%.. do jeito que eu quero ele ta fazendo sumir o primeiro menu que eu fiz de errado?.. podem me ajudar? CSS: ``` #container{ width:900px; height:500px; } ``` div.conteudo { ``` padding:10px 15px; } #cssmenu { margin-top: 10px; } #menu { height:500px; float:left; background: #333; list-style: none; margin: 0px 10px 0px 0px; padding: 0; width: 12em; } ``` #menu li { ``` font: 89.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; margin: 0; padding: 0; list-style: none; } ``` #menu a { ``` background: #333; border-bottom: 1px solid #393939; color: #ccc; display: block; margin: 0; padding: 8px 12px; text-decoration: none; font-weight: normal; } ``` #menu a:hover { ``` background: #2580a2 left center no-repeat; color: #fff; padding-bottom: 8px; } ``` #menu li a.corrente { ``` background:#2580a2; } ``` div.aba { ``` background:#fff; text-align:justify; margin-bottom:20px; padding:10px 15px; border:1px solid #666; } #nav { margin:0; padding:3px 0; border-bottom:1px solid #778; font:bold 12px Georgia, "Times New Roman", Times, serif; } ``` #nav li { ``` list-style:none; margin-right:6px; display:inline; } ``` #nav li a { ``` padding:3px 6px; border:1px solid #778; border-bottom:none; background:#dde; color:#333; text-decoration:none; } ``` #nav li a:hover { ``` color:#000; background:#aae; border-color:#227; } ``` #nav li a.corrente { ``` background:#fff; border-bottom:1px solid #fff; } ``` JavaScript do menu lateral: ``` $(document).ready(function(){ $('#cssmenu').prepend( '') $('.conteudo').css({ display: 'none', marginTop: 0, borderTopWidth: 0 }) $('#container_abas1').css('display', 'block'); $('a', $('#menu')).click(function() { var i = $('a', $('#menu')).index(this) + 1; $(this).parents('#cssmenu').children('.conteudo:visible').hide(); $('#container_abas' + i).show(); $(this).parents('#menu').find('a').removeClass('corrente'); $(this).addClass('corrente'); }) }) ``` JavaScript do menu em aba da div de dentro: ``` $(document).ready(function(){ $('#container_abas').prepend( '

') $('.aba').css({ display: 'none', marginTop: 0, borderTopWidth: 0 }) $('#aba1').css('display', 'block'); $('a', $('#nav')).click(function() { var i = $('a', $('#nav')).index(this) + 1; $(this).parents('#container_abas').children('.aba:visible').hide(); $('#aba' + i).show(); $(this).parents('#nav').find('a').removeClass('corrente'); $(this).addClass('corrente'); }) }) ``` e o HTML: ```

2015

Janeiro

Fevereiro

Março

Abril

Maio

Junho

Julho

Agosto

Setembro

Outubro

Novembro

Dezembro

2014

Janeiro

Fevereiro

Março

Abril

Maio

Junho

Julho

Agosto

Setembro

Outubro

Novembro

Dezembro

2013

Janeiro

Fevereiro

Março

Abril

Maio

Junho

Julho

Agosto

Setembro

Outubro

Novembro

Dezembro

2012

Janeiro

Fevereiro

Março

Abril

Maio

Junho

Julho

Agosto

Setembro

Outubro

Novembro

Dezembro

2011

Janeiro

Fevereiro

Março

Abril

Maio

Junho

Julho

Agosto

Setembro

Outubro

Novembro

Dezembro

teste2

teste3

teste4

``` Help?

Felipe Betteloni

Problema com função no menu