Jquery 仅选择下一个兄弟姐妹

我一直在读一些关于选择下一个兄弟姐妹的解决方案，但在使用建议的代码时，我总是遇到一些问题

我有的是这个

<div class="article" id="onea">
         <h1>test2</h1>
         <p class="subtitle">ccccc</p>
         <p class="number">1a</p>
         </div>


         <p class="detail">ddddd</p>


<div class="article" id="oneb">
         <h1>test2</h1>
         <p class="subtitle">ccccc</p>
         <p class="number">1a</p>
         </div>


         <p class="detail">ddddd</p>

---

但它总是在所有p.details中淡出，而不仅仅是下一个p.details

不要在淡出时将您的淡出放在回调中$（此）然后将引用到所有

div.article

，因此在所有细节中消失

$('div.article').click(function() {
     $('div.article').fadeOut(450);
     $(this).next('p.detail').fadeIn(750);
});

工作示例：

或者，如果您想让文章细节的fadeIn发生在淡出之后，您需要创建一个变量来保存实际单击的元素，如下所示：

$('div.article').click(function() {
    clicked_div = $(this);
    $('div.article').fadeOut(450, function() {
        clicked_div.next('p.detail').fadeIn(750);
    });
});

---

工作示例：

div.artikel应该是英语的div.article？Html和德语的Jquery。。想想你的答案吧，我得出了和你一样的结论，提姆，但我只是延迟了一下，让它在淡出之后淡出，效果也很好。

$('div.article').click(function() {
    clicked_div = $(this);
    $('div.article').fadeOut(450, function() {
        clicked_div.next('p.detail').fadeIn(750);
    });
});