toggle в jquery

[stope]

Здраствуйте!

Есть два блока которые выводяться цыклом:

 

цыкл{

<div class="div1"></div>

<div class="div2"></div>

}

 

<script type="text/javascript">
   $(document).ready(function(){
          $(".div1").click(function(){
               $(".div2").toggle(1000);
          });

    });
</script>

 

Сейчас при нажатии на любой div1 скрывает все div2.

Как сделать чтоб скрывало только тот div2 который выводиться в одной итерации с div1 на который нажимаешь?? 

 

 

Пробовал:

 

$(".div1").hover(function(){
         $(this).addClass("toggle");
         $(???).addClass("div-hide");
   }, function() {
         $(this).removeClass("toggle");
         $(???).removeClass("div-hide");

 

 $(".div1").click(function(){
               $(".div-hide").toggle(1000);
          });
});

 

Но как записать вместо "???"  div2 который после div1 c класом toggle??
Или подскажите другой способ! Спасибо!

Змінено 6 серпня 2015 користувачем stope

[ZeroHero]

$(".div1").click(function(){

$(this).next().toggle(1000);

});

[stope]

Спасибо! :)