Javascript 理解jQuery父级和子级

我试图理解jquery，但遇到了麻烦。我创建了一个下拉显示和隐藏菜单功能[单击此处][1]，但我无法使其正常工作。在页面的右侧，您可以看到关于、交付等。我正在尝试创建一个函数，当用户单击其中一个选项卡时，它会隐藏包含类

.active

的选项卡，并在下一个

li

中添加类。由于某种原因，我的脚本不起作用。有人知道为什么吗

$('.hidden-bits').removeClass('active');
    $('.hidden-bits').eq(0).addClass('active');

    $('.accordin-link').click(function(){
        var $this = $(this);
        $('.hidden-bits').slideUp().removeClass('active');
        $this.parent()('.hidden-bits').slideDown().addClass('active');
    });

HTML

同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一天同一。



.隐藏位{
显示：无；
}
.主动{
显示：块；
}

您需要这样做-

$('.accordin-link').click(function(){
    var $this = $(this);
    $('.hidden-bits').slideUp().removeClass('active');
    $this.parent().next('.hidden-bits').slideDown().addClass('active');
});

演示

-->

$this.parent（）（'.hidden-bits'）

在

parent（）

和

（'hidden-bits'）

之间缺少一个方法名称。下一步（）出于好奇？？？

。下一步（）

将选择

。在
span
旁边的隐藏位

$('.accordin-link').click(function(){
    var $this = $(this);
    $('.hidden-bits').slideUp().removeClass('active');
    $this.parent().next('.hidden-bits').slideDown().addClass('active');
});