jQuery hitta nästkommande X div i DOM?

Hej!

Jag har en struktur som ser ut ungefär såhär:

<div class="post">
	<div class="title">Kakor</div>
	
	
	<div class="postmenu">
		<a href="kaka">Kaka</a>
		<a href="kamel">Kamel</a>
		<a href="delete" class="postdelete">Delete</a>
	</div>
</div>

<div class="delete_modal"></div>

Jag visar 10st post per sida (antalet är irrelevant men ändå) så finns ju 10st <div class="delete_modal"></div> per sida, jag vill att när man klickar på <a href="delete" class="postdelete">Delete</a> så lägger den till en class på nästkommande <div class="delete_modal"></div> i DOM

Hade <div class="delete_modal"></div> legat precis efter <a href="delete" class="postdelete">Delete</a> så hade jag bara kunnat köra:

$(document).ready(function(){
$(".postdelete").click(function(){
$(this).next(".delete_modal").toggleClass("expanded");
return false;
});
});

Typ, men ja, jag är sjukt kass på jQuery och jag har kollat på dokumentationen för tree traversal men får ändå inte till det. Så någon som har lust att hjälpa mig lite, jag kan sätta ett unikt ID både för <div class="delete_modal"></div> och <a href="delete" class="postdelete">Delete</a> om det skulle hjälpa

$(this).closest('.post').next().toggleClass('expanded');

Fungerade perfekt, tack så mycket

Hur kommer det sig att det bara finns lämpliga tree traversal UPPÅT i DOM? http://api.jquery.com/category/traversing/tree-traversal/

I mitt fall hade det ju varit jättesmidigt om det fanns en motsvarighet till .closest fast som gick neråt i DOM istället, och som matchar en class man definerar, hade man kunnat gå rätt till diven som jag ville modifiera.