jQuery 访问当前父级的子级

Question

我是 jQuery 新手，我正在尝试执行以下操作:访问当前 div 父级的子级(或者换句话说:当前 div 父级的另一个子级)。我的代码如下所示(这是我尝试过的):

<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来使其适用于每个盒子(每个盒子内容的切换隐藏/显示)。

Answer 1

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