Jquery 单击另一个类时仅显示该类的下一个实例

当我点击时，我正在显示一个带有文本的div。阅读更多课程。我面临的问题是，当我单击.read more时，将显示.slide box的所有实例，而不是仅显示在特定.read more下方的实例

这是我目前的代码：

$( ".read-more" ).click(function() {
    $(this).css('display','none');
    $('div.slide-box').css('position','static');
    $('.accordion .txt-box').css('border','none');
    $('.accordion .txt-box p').css('margin','0');
});

我尝试使用：

 $.next('div.slide-box').css('position','static');

没有成功

如何仅针对具有class.slidebox的下一个div实例

以下是标记：

<div class="txt-box">
<h2>txt</h2>
<h3>txt</h3>                                        
<p>txt txt.....<span class="read-more"> -Read More</span></p>
<a class="opener" href="#">plus</a>
</div>
<div class="slide-box">
<p>Itxt txt.....<span class="read-less"> -Less</span></p>                                    
</div>

文本
文本
txt-阅读更多

Itxt txt-减少

我希望能够保持标记的原样，因为它是一个wp站点。

JQuery的

。find（）

可能会有所帮助

下面将实际返回页面上的第一个元素，而不是评论中指出的“下一个”

这将返回jquery元素数组：

$（'div.slide-box'）

所以这应该可以用

$（'div.slide-box'）[0]

---

你需要参考下一篇文章。试试这个：

$(this).next('div.slide-box').css('position','static');

根据提供的标记，您可以尝试以下代码：

$(this).closest('.txt-box').next('div.slide-box').css('position','static');

---

这里假设每个实例旁边都有一个类为“txt box”的div和一个类为“slide box”的div。

如果有更多的div，这将始终选择第一个实例。开幕海报想展示下一个部门。是的，真的。我已经包括了find方法，我认为它会很有帮助（在当前元素中查找元素），所以我将把它作为答案的重点。我们遇到了问题，因为我们看不到您的标记。发布后，我们将能够计算出正确的选择器。$（this）.next（'div.slide-box'）.css（'position'，'static'）；似乎没有任何目标你必须显示html。这里我假设你的幻灯片盒DIV就在每个“阅读更多”的旁边。请显示按钮和DIV的HTML结构。