Jquery selectors jQuery：仅在单个元素上使用click:using.slideToggle和.nextUntil来隐藏和显示鼠标单击时的各种内容

嘿

我将直接切入主题，以下是jquery代码：

jQuery(function() {
    jQuery('.entry-content h1').nextUntil('h1').hide().prev().click(function () {
        jQuery(this).nextUntil('h1').slideToggle();

});});

以下是html：

<div class="entry-content>
   <h1>Header 1</h1>
   <p>Paragraph 1</p>
   <ul>
      <li>Text</li>
      <li>Some more text</li>
   </ul>
   <h1>Some Images and a div</h1>
   <img src="image.jpg">
   <div class="somediv">
     <!--Some stuff -->
   </div>
   <h2>InBetween header</h2>
   <p>text</p>
   <ul>
      <il>text</li>
   </ul>
</div>

---

@Ulle，您的代码正在按预期工作。
请参阅以下定义下一个until函数的摘录

给定一个表示一组DOM元素的jQuery对象，.nextUntil（）方法允许我们在DOM树中搜索这些元素的后续元素，当它到达与该方法参数匹配的元素时停止。返回的新jQuery对象包含以下所有同级，但不包括与.nextUntil（）选择器匹配的同级。
如果选择器不匹配或未提供，则将选择以下所有同级；在这些情况下，当没有提供过滤器选择器时，它选择与.nextAll（）方法相同的元素

你可以找到完整的定义

您已将单击事件附加到以下所有兄弟姐妹。
感谢朱利安，他让我更加努力地解决问题；）

这是一段代码，它现在的工作原理和它应该的一样：只应用于h1元素：）问题是，我将单击应用于所有元素，thx jul:）

以下是工作jQuery（为wp完成，如果im正确，那么冲突模式为on）

您在“entry content类”之后缺少了一个“closing”。您在imgThx m8上缺少了一个closing标记：）我将尝试从所有其他事件中删除该事件，但h1除外：）解决了此问题，感谢您的帮助：）这是mycode，它现在可以工作了，就像我希望的那样。jQuery（function（）{jQuery（'.entry content h1'）.css（'cursor'，'pointer'）。单击（function（）{jQuery（this）.nextUntil（'h1'）.slideToggle（）；}）。nextUntil（'h1'）.hide（）；$（“#info li a[href$=.pdf]”）后（“）））@做得好。您可以回答自己的问题并格式化代码，以便其他人更容易阅读。如果你愿意，你可以接受我的回答。享受生活。@Ulle另一个选择我不确定你是否有，我想你可以做的是编辑你自己的问题，添加“正确”的代码，以便其他人可以学习，并根据自己的需要复制粘贴。
jQuery(function() {
    jQuery('.entry-content h1').css('cursor' , 'pointer').click(function () {
    jQuery(this).nextUntil('h1').slideToggle();
    }).nextUntil('h1').hide();
});