প্রথমত, আমি ধরে নিচ্ছি যে এটি CSS3 এর জন্য খুব জটিল, তবে যদি কোথাও কোনও সমাধান থাকে তবে আমি তার পরিবর্তে সেটিকে পছন্দ করব।
এইচটিএমএল বেশ সোজা।
<div class="parent">
<div class="child">
Text Block 1
</div>
</div>
<div class="parent">
<div class="child">
Text Block 2
</div>
</div>
শিশু ডিভ প্রদর্শন করতে সেট করা হয়েছে: কিছুই নয়; ডিফল্ট হিসাবে, কিন্তু তারপরে পরিবর্তিত হয়: ব্লক; যখন মাউসটি পিতামহ বিভাজনের উপরে আবৃত থাকে। সমস্যাটি হ'ল এই মার্কআপটি আমার সাইটে বেশ কয়েকটি স্থানে উপস্থিত হয়েছে এবং আমি কেবলমাত্র মাউসটি তার পিতামাতার উপরে থাকলেই বাচ্চাকে প্রদর্শিত হবে এবং মাউস অন্য পিতামাতার কোনওটির উপরে থাকলে নয় (তাদের সবার একই শ্রেণি রয়েছে নাম এবং কোনও আইডি নেই)।
আমি চেষ্টা করে দেখেছি $(this)এবং .children()কোন লাভ হয়নি।
$('.parent').hover(function(){
$(this).children('.child').css("display","block");
}, function() {
$(this).children('.child').css("display","none");
});