[Resolvido] Menu accordion, deixando aberto após o click
Fala galera, é o seguinte, to começando a usar jquery baixei um Menu accordion e configurei ao meu gosto, problema é o seguinte.
Quando clica no menu abre os sub-menu logo abaixo, até ai ta tudo ok, mas eu gostaria que quando clica-se no sub-menu e abri-se a pagina o accordion não se fecha-se.
Por exemplo:
Clico no menu "FRUTA" o accordion se abre e la tem as opção do sub-menu ( banana, maça...) e quando eu clicar em banana, gostaria que na pagina seguinte continua-se aberto o sub menu referente a "FRUTA" indicando que o usuario está na pagina fruta, e não simplesmente fecha-se forçando o usuario a clicar novamente em "FRUTA" para escolher a maçã...
Deu pra entender??
Vo postar aki como ta o codigo
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
$("#firstpane p.menu_head").click(function()
{
$(this).css({backgroundImage:""}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:""});
});
});
</script>
<style type="text/css">
<!--
body {
margin: 10px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 120%;
}
.menu_list {
width: 180px;
}
.menu_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
background: center right no-repeat;
font-size: 10px;
color: #FFF;
background-image: url(menutest.jpg);
font-weight: bold;
text-align: center;
}
.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#FFF;
background-color:#BB4038;
padding-left:10px;
font-weight:bold;
text-decoration:none;
}
.menu_body a:hover{
color: #000000;
text-decoration:none;
background-color: #E5F3FC;
}
-->
</style>
É isso pessoal o accordion ta funfando perfeitamente, só queria que continua-se aberto quando abri-se uma nova pagina, acredito que é só acrescentar algo no JS do inicio nas paginas que serão abertas, mas como sou leigo ta complicado.
Se alguem puder me da uma luz agradeço.
Discussão (12)
Carregando comentários...