مخفی و آشکار شدن یک div خاص

[pary_daryayi]

چند دایو با کلاس مشابه دارم . میخوام وقتی موس روی div با کلاس main قرار میگیره ، فقط دایو درون اون کلاس با نام div2 از حالت hide به show تغییر کنه.
کدی که در زیر نوشتم باعث میشه تمام div2 های درون main ها مشاهده بشن .



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

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

کد جی کوئری :



<script>
$(document).ready(function(){
$(".div2").hide();
$(".main").mouseenter(function() {
$(".div2").show();
}).mouseleave(function() {
$(".div2").hide();
});
});
</script>

[H:Shojaei]

$(".main").mouseenter(function() {
$(this).children(".div2").show();
}).mouseleave(function() {
$(this).children(".div2").hide();
});

[pary_daryayi]

تشکر . در این حالت که دایو ها خارج هم هستند و کلاس ها مشابه چی ؟
سلکتورهای جی کوئری رو نگاه کردم و بعضی ها رو تست کردم . اما دقیقا نمیدونم برای این حالت از چه سلکتوری استفاده کنم ؟


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




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


میخوام وقتی روی هر دایوی با کلاس .div1 نگه میدارم یا کلیک میکنم ؛ دایو با کلاس .div2 که زیر همون و مربوط به اون هست از حالت مخفی آشکار بشه . نوع سلکتور چی باشه ؟

[H:Shojaei]

به این صورت:

$(this).prev('.div1').show();

prev یعنی شی قبلیش...