jQuery:: “$(this).next().next()" funktioniert, aber "$(this).next('.div')" Nicht

Okay, ich werde versuchen, diese Informationen zu verbergen individuell.

<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>

Es funktioniert, wenn ich das so Schreibe:

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

aber nicht, wenn ich dies tun:

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

Was passiert ist, macht die zweite option nicht funktioniert? Ich habe es seit Tagen und kann nicht blutig, es herauszufinden! Ich Schätze Ihren input!

InformationsquelleAutor der Frage fjaxyu | 2015-05-16

Schreibe einen Kommentar