는 표시하는 방법/JQuery와 함께

Question

코드를 유사한 블록 내부의 동일한 블록을 숨길 수 :

<div class="mama"> 
    <div class="son">Item 1</div> 
</div> 
<div class="mama"> 
    <div class="son">Item 2</div> 
</div> 

$(".mama").hover(
    function() { 
     $(".son").show(); 
    }, 
    function() { 
     $(".son").hide(); 
    } 
); 

앞으로 도움이됩니다. 감사!

Answer 1

사용 hover() 이벤트 그냥 범위 관련 요소에 대한 당신의 행동이 있습니다

$("div.mama").hover(function() { 
    $(this).find("div.son").show(); 
}, function() { 
    $(this).find("div.son").hide(); 
}); 

영향을받는 요소의 아이들이를 제한 할 수있는 방법에 많은 변화가있다 .

Answer 2

당신은 각 ".mama"블록 내부의 ".son"블록을 숨기는 방법을 요구하는 경우, 다음이 같은 것 : 당신이하고있는 모든 경우

$('.mama').each(function() { 
    var mama = $(this); 
    mama.hover(
    function() { mama.find('.son').show(); }, 
    function() { mama.find('.son').hide(); } 
); 
}); 

Answer 3

컨텐츠를 보이거나 숨기려면 jQuery가 필요하지 않습니다. CSS는 이미이 기능

.mama .son { 
     display:none; 
} 

.mama:hover .son { 
     display:block; 
}