Javascript 我需要从查找（）中排除儿童

HTML:

JS:

我意识到Java脚本还有更多的步骤需要完成，但我一开始就遇到了问题。我需要排除children类和ul类，或者只影响它被告知要查找（）的第一个实例。现在，函数影响触发器父级内部的所有内容，这是有意义的。我只是不知道如何修复它。谢谢

使用：

为什么不将.next（）方法与ul选择器一起使用呢

$( this ).parent().find( 'ul' ).first().css( 'display', 'block' );

---

似乎涵盖了这个主题。感谢您的回复，这同样很有帮助。我之所以使用first（）函数，是因为我认为它使代码更易于解释。否则，我会使用这两种方法（第一种和第二种），它们都是同样好的解决方案。假设您在“volumeList”ul中再添加两个卷，现在您有12、13和14个卷。如果单击卷13的扩展器，它将错误地扩展卷12上的问题。next（）似乎与功能更匹配，但我可能误解了您将如何处理此项目。

.listCollapseTrigger, .volumeList, .issueList{
    display: none;
}

$( 'body' ).on( 'click', '.listExpandTrigger', function(){
    $( this ).parent().find( 'ul' ).css( 'display', 'block' );
    $( this ).parent().find('.listExpandTrigger').css('display', 'none');
    $( this ).parent().find('.listCollapseTrigger').css('display', 'block');
});

$( this ).parent().find( 'ul' ).first().css( 'display', 'block' );

$(this).next("ul").css( 'display', 'block' );