如何仅切换 *next* .class 或 div（而不是其余的）

我想知道如何仅切换“子”div，单击在 html 上重复的按钮，如下所示：

<div class="button">
     <div class="hide toggle">
          Blah1
     </div>
</div>
<div class="button">
     <div class="hide toggle">
          Blah2
     </div>
</div>
<div class="button">
     <div class="hide toggle">
          Blah3
     </div>
</div>

目标是仅影响直接子 div，并隐藏其余部分。

我不知道是否可能。

这段代码切换了我所有的 div ：

<script type="text/javascript">
  $(document).ready(function(){

    $('.button').click(function() {
    $('.toggle').slideToggle();
    }, function () {
        $('.toggle').slideToggle();
    });

  });
</script>

非常感谢您的帮助。

try

$(this).next('.toggle').slideToggle();

or

$(this).children('.toggle:first').slideToggle();