Öncelikle, bu CSS3, ama eğer orada bir çözüm bir yerlerde varsa, o ile gitmek isterdim yerine için çok karmaşık olduğunu varsayıyorum.

Html oldukça basittir.

<div class="parent">
    <div class="child">
        Text Block 1
    </div>
</div>

<div class="parent">
    <div class="child">
        Text Block 2
    </div>
</div>

Çocuk sayı:yok; varsayılan, ama görüntüler o zamana:block; fare üst div üzerinde süpürdü zaman görüntülemek için ayarlanır. Asıl sorun bu işaretleme görünür çeşitli yerlerde sitem, ve ben sadece çocuk için görüntülenir eğer fare bitti ebeveyn, ve eğer fare üzerinde herhangi bir diğer veliler (hepsi aynı sınıf ismi ve Kimliği).

Kullanarak denedim $(bu).() çocuklar boşuna. Herhangi bir yardım büyük mutluluk duyacağız! Teşekkürler!

$('.parent').hover(function(){
            $(this).children('.child').css("display","block");
        }, function() {
            $(this).children('.child').css("display","none");
        });

Neden sadece CSS değil mi?

.parent:hover .child, .parent.hover .child { display: block; }

ve sonra :hover düzgün destek yok: IE6 (örneğin, koşullu bir yorum içinde) JS ekleyin

jQuery('.parent').hover(function () {
    jQuery(this).addClass('hover');
}, function () {
    jQuery(this).removeClass('hover');
});

Burada hızlı bir örnek: Fiddle