[jQuery] Assign a toggle to each element and its following element

[jQuery] Assign a toggle to each element and its following element


I have this code in place:
$(document).ready(function() {
$(".toggle").next('.toggle_content').hide();
$(".toggle").click(function() {
$(this).next('.toggle_content').toggle('fast');
return false;
});
    });
and want toogle this HTML code:
<span class="toggle">Info</span><a href="#">Some link</a>
<div class="toggle_content">bla</div>
It seems that next() only works if the element I want follows right
after. But the next element after the toggle class is a link. There
can be any number of elements between the ".toggle" element and the
".toggle_content" element. Also there can be multiple such element
combinations on a site. I want each ".toggle" only to toggle its
semantically following ".toggle_content".
How to create a "generic" toggle for all "toggle" spans that toggle
the next following ".toggle_content" class element?