Ich benutze dies:
jQuery('.class1 a').click( function() {
if ($(".class2").is(":hidden")) {
$(".class2").slideDown("slow");
} else {
$(".class2").slideUp();
}
});
Auf der Seitenstruktur:
<div class="class1">
<a href="...">text</a>
<div class="class2">text</div>
</div>
Es funktioniert nur, wenn Sie nicht mehrere Klassen1 / Klasse2-Sets haben, wie:
<div class="class1">
<a href="...">text</a>
<div class="class2">text</div>
</div>
<div class="class1">
<a href="...">text</a>
<div class="class2">text</div>
</div>
<div class="class1">
<a href="...">text</a>
<div class="class2">text</div>
</div>
Wie ändere ich den anfänglichen JQuery-Code so, dass er nur Klasse2 unter der Klasse1 betrifft, auf die geklickt wurde? Ich habe Empfehlungen von Wie bekomme ich die Kinder des $ (this) Selektors? aber es ist mir nicht gelungen.
quelle
http://jqapi.com/ Traversing -> Tree Traversal -> Kinder
quelle