2011-09-22 5 views
-1

아래 코드는 .row의 호버에 .titlerow을 숨 깁니다. 코드를 어떻게 바꿔야 만 마우스가 어떤 행에 맴돌지 않으면 첫 번째 .titlerow이 숨겨져 있습니까?호버 jquery 도움말

echo "<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div>"; 

$(function() { 

    $('.row').hover(function() { 

    $(this).find('.titlerow').hide(); 
    }, function() { 
     $(this).find('.titlerow').show(); 
    }); 
}); 

답변

1

은 내가 ...이 당신의 내포가 무엇인지에 자세히 설명해하지 않으면 당신이 무슨 뜻인지 희망

HTML :

<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div> 
<div class='row'><div class='titlerow'></div></div> 

스크립트

$(function() { 
    $('.row').hover(function() { 
     $('.titlerow').first().show(); 
     $(this).find('.titlerow').hide(); 

    }, function() { 
     $(this).find('.titlerow').show(); 
     $('.titlerow').first().hide(); 
    }); 

    // hide the first titlerow 
    $('.titlerow').first().hide(); 
}); 

편집

0 위의 코드에서

은 새 요청에 대한 몇 가지 수정 사항을 작성했습니다. 내가 행 위에 마우스를 한 후 함께 첫 titlerow가 표시됩니다 모든 떠날 때 처음 작동 http://jsfiddle.net/muqxj/

+0

감사하지만 : 작업 예제를 + 것은

작업 예제를 아래에서 찾을 수 있습니다. – user892134

+0

그럼 예상되는 행동이 무엇인지 이해하지 못하기 때문에 일어날 것으로 예상되는 것에 대해 더 자세히 설명해주세요 ... 당신이 떠올리면 숨기고 싶을 때 그것을 가리 키기를 원하지만 언제 첫 번째 행동을합니까? 하나는 숨겨져 있어야합니까? – Sander

+0

처음에는 .titlerow를 숨기고 싶습니다. 마우스를 가져 가면 .titlerow가 숨겨집니다. 이제 모든. 로우가 날아 가지 않으면, 첫 번째. 타이 슬러는 다시 숨겨 져야합니다. 그렇지 않습니다. – user892134