Menu accordion JAVASCRIPT
Fala galera, meu primeiro post aqui e já venho com um problemão.
Estou desenvolvendo um menu accordion vertical em JS, o problema é que não consigo colocar o efeito de sanfona nos submenus
Vejam o exemplo:
http://www.effeilhabelabrasil.com.br/menu/menu.htm
Clicando na aba "Search Engines" ele irá abrir os submenus
dentro desse submenu existe um chamado "ask.com", clicando nele ele irá abrir a 2ªfase de submenus, só que quando clico para fechar, NÃO FECHA (o efeito de "voltar" que as outas fases possuem não funciona e ele fica sempre aberto).
Ja tentei de tudo e não funciona. Alguem pode ajudar?
segue o código JS
function initMenus() {
$.each($('ul.menu'), function(){
$('ul.expand').show();
});
jQuery('ul.menu li.current_page_parent ul').css("display", "block");
$.each($('ul.menu'), function(){
$('#'+ this.id +'.expandfirst ul.current_page_item').show();
});
$('ul.menu li a').click(
function() {
var checkElement = $(this).next();
var parent = this.parentNode.parentNode.id;
if($('#' + parent).hasClass('noaccordion')) {
$(this).next().slideToggle('normal');
return false;
}
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
if($('#' + parent).hasClass('collapsible')) {
$('#' + parent + ' ul:visible').slideUp('normal');
}
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#' + parent + ' ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
if($('#' + parent).hasClass('noaccordion')) {
$(this).next().slideToggle('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenus();});
Obrigado.
Discussão (3)
Carregando comentários...