我的垂直导航非常适合 jQuery。它与 URL 匹配,因此它在动态站点上保持打开状态,不需要 cookie。这是我目前的小提琴:
我现在使用的 jQuery 是这样的:
jQuery('#categories .sub').not('.open').children('ul').hide();
jQuery(document).on('click', '#category-menu #categories button', function(){
$(this).parent().addClass('expandable');
if(jQuery(this).parent().hasClass('expandable')) {
jQuery(this).html('+');
jQuery(this).siblings('ul').stop(true,true).css('display','block').slideDown(200, 'linear');
} else {
jQuery(this).siblings('ul').stop(true,true).css('display','none').slideUp(200, 'linear');
};
});
var url = window.location.toString()
$('#categories ul li a').each(function(){
var categoryHref= $(this).attr('href');
if( url.match(categoryHref)) {
$(this).addClass('active-anchor')
$(this).parents('ul.category-child').show();
$(this).parents('ul.category-child li').addClass('expandable');
}
});
但我无法计算出在我的 jQuery 中正确关闭菜单项的逻辑。任何帮助将不胜感激!:)