Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
ola pessoal tenho um menu em jquery ta funcionando beleza. funciona assim: tenho uma tabela de menus e submenus. se um menu tiver submenus então criara o submenu, na verdade é montado um html com as ul e li e depois atribuido a uma Div. ta funcionando beleza o proble é que eu tenho na tabela de menu um campo que é expandido char de 1 exemplo
cod descricao expandido
1 - Cadastro de Produtos - S
2 - Cadastro de Cliente - N
posi então como fazer la no jquery que ao nascer o menu ele expanda o de produto e mantenha fechado o de cliente
veja meus codigos
function efeitoMenu(){
$(document).ready(function(){
$('#corpo_esquerda_menu').find('ul:eq(0)> li > a').click(function(){
//verifica se o elemento está escondido
if ($(this).parent().find('ul:eq(0):first').is(":hidden")) {
//se sim, mostra o elemento
$(this).parent().find('ul:eq(0)').slideDown(500);//adicionando o efeito ao elemento ul que está dentro da mesma li do link que foi clicado
// Start animation
} else {//se não, esconde o elemento.
$(this).parent().find('ul:eq(0)').slideUp(500);
}
});
//fazer com que elementos do menu atribuido verifica se na banco ele venha
//nascer expandido ou hidden de acordo com o que tiver no banco
});
função monta html(){
....
...
....
dwr.util.setValue('menu',menuMontado,{//atribui ao div de menu os componentes
escapeHtml:false//diz para o dwr que ira codigos html
});
efeitoMenu();//função para dar animação no menu em jquery
}
}
css//////////////////
#corpo_esquerda_menu{
text-align:left;
padding-left:20px;
width: 170px;
margin-top:15px;
background: #FFFFFF;
font-weight:bold;
border-left: 10px solid #ECF0F3;
}
/Formatando todos o links do menu/
#corpo_esquerda_menu a{
text-decoration:none;
display:block;
margin-bottom:5px;
margin-top :5px;
} text-decoration:none;
color:silver;
} list-style-position: outside;
text-transform: none;
text-decoration: none;
font: bold 13px arial, helvetica, sans-serif;
} background: #FFFFFF;
color:#3A3555;
border-top:1px solid #ECF0F3;
list-style-image: url(../images/setaMenu.gif);
} display:none;
margin-top:5px;
} background-color:#FFFFFF;
color:#3A3555;
margin-left:15px;
list-style-image: url(../images/setaMenuNegra.gif);
}Carregando comentários...