小编fja*_*xyu的帖子

好的,我试图让这组信息单独隐藏.

<img class="arrow" src="images/navigation/arrowright.png">
<H2>More Information</H2>
<div class="box">
    <h2>Bibendum Magna Lorem</h2>
    <p>Cras mattis consectetur purus sit amet fermentum.</p>
</div>

<img class="arrow" src="images/navigation/arrowright.png">
<H2>A Second Group of Information</H2>
<div class="box">
    <h2>Bibendum Magna Lorem</h2>
    <p>Cras mattis consectetur purus sit amet fermentum.</p>
</div>

当我键入它时它可以工作:

$(".arrow").click(function() {
    $(this).next().next().slideToggle();
});

但不是我这样做的时候:

$(".arrow").click(function() {
    $(this).next('.box').slideToggle();
});

发生了什么让第二种选择不起作用？我已经好几天了,不能把它弄清楚!感谢您的投入!