gpt4 book ai didi

jquery - 使用 jquery 垂直菜单导航(关闭切换)

转载 作者:行者123 更新时间:2023-12-01 01:35:02 27 4
gpt4 key购买 nike

我的垂直导航与 jQuery 配合得很好。它与 URL 匹配,因此它在动态站点上保持打开状态,无需 cookie。这是我目前的 fiddle :

http://jsfiddle.net/J8HnC/

我现在使用的 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 中找出正确关闭菜单项的逻辑。任何帮助将不胜感激! :)

最佳答案

这应该可以帮助您入门。

value="1" 添加到页面中的每个按钮

然后获取该值,如果它等于1,则基本上打开菜单。 (你现在拥有的)

然后将值设置为0

如果值为0,则撤消您所做的操作。然后将值设置为1

http://jsfiddle.net/J8HnC/2/

关于jquery - 使用 jquery 垂直菜单导航(关闭切换),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16369675/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com