jQuery доступ к потомку текущего родителя

Я новичок в jQuery, и я пытаюсь сделать следующее: получить доступ к дочернему элементу текущего родительского элемента div (или, другими словами: другому дочернему элементу текущего родительского элемента div parent). Мой код выглядит так (это то, что я пробовал):

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
$(document).ready(function() {
    $("div.head").click(function() {
        $(this).parent().("div.content").slideToggle("normal"); //<- how?
    });
});
</script>

<div class="box">
<div class="head">
    Example
</div>
<div class="content">
    Content here.
</div>
</div>

Я пытаюсь сделать это так, потому что тогда я мог бы просто сделать больше ящиков таким же образом, не добавляя дополнительных js, чтобы он работал для каждый ящик (переключатель скрыть / показать содержимое каждого окна).