如何只切换*next*.class或div(不是其余的)

Question

我想知道如何只切换一个"子"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>

非常感谢您的帮助.

Answer 1

尝试

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

要么

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