Item do menu não ativa

[kklo 0]

Boa tarde a todos!

Estou criando um menu horizontal e me perdi em um erro que está me tirando noites de sono. Ao clicar em algum item do menu, o mesmo não fica ativado, o resto esta funcionando perfeitamente.

Segue os scripts:

 

div.idTabs{
padding:5px 0px 6px 0px;
border-bottom:1px solid #000000;
position:relative;
z-index:100;
text-align:center;
}
div.idTabs span a{
padding:5px;
text-decoration:none;
background: url(../navegacao_abas/btn_closed_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}
div.idTabs span a:hover{
text-decoration:none;
background:url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}
div.idTabs span a.selected{
position:relative;
z-index:101;
background: url(../navegacao_abas/btn_open_tab.png);
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
color:#606062;
border:none;
text-shadow:0px .5px 3px #ffffff;
}
div.idTabs span a.selected:hover{
text-decoration:none;
}

<form action="index.php" method="post" name="adminForm" id="adminForm" enctype="multipart/form-data" class="form-validate" onSubmit="return myValidate(this);">
<div class= "tabs_wrapper">
<div class="idTabs">
<span><a class="selected" href="#aaaa">aaaa</a></span>
<span><a href="#bbbb">bbbb</a></span>
<span><a href="#cccc">cccc</a></span>
<span><a href="#dddd">dddd</a></span>
<span><a href="#eeee">eeee</a></span>
<span><a href="#ffff">ffff</a></span>
<span><a href="#gggg">gggg</a></span>
</div>
</div>

 

Alguém poderia me ajudar?
Obrigado

[Ricardo Barantini 33]

1) Você está usando JS ou PHP para fazer a verificação de página? Eu particularmente faço a verificação em PHP de acordo com a URL capturada por GET e então ativo a classe "active" (active porque eu sempre uso assim, a sua seria a selected).

2) O seu form está sendo fechado?

[kklo 0]

Estou fazendo em JS e estou fechando o form sim, esta é parte do script, ficaria muito longo postar todo.

 

o JS é:

 

// JavaScript Document

 

$(function(){
    $('#conteudo').hide();
    var noticia;    
    var hash = window.location.hash;
    if (hash !='')
    {
        noticia = $(hash).html();
        $('.idTabs a[href="' + hash + '"]').parent().addClass('ativo');        
    } else {
        noticia = $('#conteudo div:first-child').html();            
        $('.idTabs:first-child').addClass('ativo');        
    }
    $('#noticia').append('<div>' + noticia + '</div>').find('div').slideDown();
    $('.idTabs a').click(function(){
        $('.idTabs').removeClass('ativo');
        $(this).parent().addClass('ativo');
        var ancora = $(this).attr('href');
        var nome = ancora.substr(1, ancora.length);
        noticia = $('#conteudo div[id="' + nome + '"]').html();
        $('#noticia').empty();
        $('#noticia').append('<div>' + noticia + '</div>').find('div').slideDown();
    return false();
    })
})

[William Bruno 1501]

aqui vc usa ativo

$('.idTabs').removeClass('ativo');
        $(this).parent().addClass('ativo');

mas lá no css, usa outra coisa:

div.idTabs span a.selected{

seja coerente :lol: