Javascript 用于移动到下一个父级和子级的Jquery方法选择

我很难找到正确的方法来瞄准正确的元素

HTML

试一试

演示：

试试看

演示：

试试看

演示：

试试看

演示：

适合您

使用next（）将得到结果

$('.side-blog h4').click(function() {
if ($(this).hasClass('on')) {

    $(this).toggleClass('on');
        $(this).parent('.side-nav-block-item').next().slideDown('normal');
} else {

    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').next().slideUp('normal');

    }
});

将为您服务

使用next（）将得到结果

$('.side-blog h4').click(function() {
if ($(this).hasClass('on')) {

    $(this).toggleClass('on');
        $(this).parent('.side-nav-block-item').next().slideDown('normal');
} else {

    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').next().slideUp('normal');

    }
});

将为您服务

使用next（）将得到结果

$('.side-blog h4').click(function() {
if ($(this).hasClass('on')) {

    $(this).toggleClass('on');
        $(this).parent('.side-nav-block-item').next().slideDown('normal');
} else {

    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').next().slideUp('normal');

    }
});

将为您服务

使用next（）将得到结果

$('.side-blog h4').click(function() {
if ($(this).hasClass('on')) {

    $(this).toggleClass('on');
        $(this).parent('.side-nav-block-item').next().slideDown('normal');
} else {

    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').next().slideUp('normal');

    }
});