这是关于我的菜单的 JS。我在 Joomla 模板中使用它。它显示和隐藏子菜单并将单击的菜单类更改为活动的,但不加载单击的菜单的内容。
var menu_ul = jQuery('.menu > li > ul > li > ul'),
menu_a = jQuery('.menu > li > ul > li > a');
menu_ul.hide();
menu_a.click(function(e) {
e.preventDefault();
if(!jQuery(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
jQuery(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
jQuery(this).removeClass('active');
jQuery(this).next().stop(true,true).slideUp('normal');
}
});