jQuery：Same Level删除类
我有3个级别的导航。 如果单击其中一个链接，则会根据级别获取类名。 级别1将具有类名“active1”，级别2“active2”，级别3“active3”。
我点击时设法得到类名，但是一旦点击，其他类名就会被删除。
计划是..如果我点击第一级中的链接，将显示第二级，如果我单击第二级中的链接，将显示第三级。
我怎么解决这个问题？
HTML：
JS / jQuery的
$('.first a').click(function() { if ($(this).hasClass('active')) { return false; } else if ($(this).not('active')) { $('.first').find('.active').removeClass('active'); $(this).addClass('active'); } return false; }); $('.second a').click(function() { if ($(this).hasClass('active2')) { return false; } else if ($(this).not('active2')) { $('.second').find('.active2').removeClass('active2'); $(this).addClass('active2'); } return false; }); $('.third a').click(function() { if ($(this).hasClass('active3')) { return false; } else if ($(this).not('active3')) { $('.second').find('.active3').removeClass('active3'); $(this).addClass('active3'); } return false; });
喜欢这个DEMO ？：JS
$('#nav').on('click', 'a', function(){ var nextul = ($(this).closest('li').children('ul')); nextul.toggle('slow'); });
CSS
.second, .third {display:none;} .active{display:block;}