滑动subnav不起作用

Question

我的代码出了问题，因为level_1和level_2 subnav在点击时不会滑动。 例如：如果我点击h2子导航level_1，如果我点击父li的{​​{1}}，则level_1子动画将向下滑动。

的Javascript

level_2

小提琴

http://jsfiddle.net/sT3TC/5/

Answer 1

你可以这样做：

CSS：

.wrap {display: none;}
.active {color: blue;}

jQuery的：

$('.nav_item > h2').click(function () {
    if ($(this).attr('class') != 'active') {
        var wrap = $(this).next();
        $('.wrap').not(wrap).slideUp();
        $(this).next().slideToggle();
        $('.nav_item > h2').removeClass('active');
        $(this).addClass('active');
    }
});

<强> Updated Fiddle

Answer 2

你错过了jsFiddle上的一个括号，请在更新的jsFiddle上找到正确的。

显然，我不相信你指向if语句中正确的DOM资源。您可以考虑更改为

$(this).find('ul')

jQuery find()

http://jsfiddle.net/sT3TC/6/