Javascript 如何使用nextUntil和jQuery包含选择的第一个元素

我有一个小按钮，可以隐藏/显示WordPress博客上的文章

jQuery('.post-entry p').nextUntil('div.tasty-recipes').wrapAll( "<div class='recipe-article recipe-hidden'></div>");

jQuery('#display-recipe-toggle').click(function(){
            jQuery('.recipe-article').toggleClass('recipe-hidden');
})

jQuery（'.post-entry p'）.nextUntil（'div.tasty-recipes'）.wrapAll（“”）；
jQuery（“#显示配方切换”）。单击（函数（）{
jQuery（'.recipe-article'）.toggleClass（'recipe-hidden'）；
})

配方卡是注入的，否则我只会将其包含在模板文件中

理想情况下，我希望我的隐藏/显示包括第一段，但不包括。我试过各种各样的方法

jQuery（'.post entry'）.nextUntil（'div.tasty-recipes'）.wrapAll（“”）

但是切换不起作用（没有适当地包装在div中）

如果我正确理解了您的要求，您希望始终显示第一段，并在btn上单击切换其他文章。如果是这样，您可以使用jQuery函数排除它们

jQuery('#display-recipe-toggle').click(function(){
    jQuery('.recipe-article').children().not('ul, h2:first, p:first').toggle();
})

另外，我建议您使用jQuery本机方法而不是toggleClass。只使用属性
display:none切换类是没有意义的当提供本机方法来执行相同的工作时。
否，如果我解释错误，请原谅。我想包括第一段。目前，它排除了将em标记作为子项的第一段。