2012-10-02 2 views
2

작은 jQuery 메뉴에 문제가 있습니다.jQuery invalid slideUp, slideDown effect

Here`s 라이브 예 : 당신이 볼 수 있듯이

http://jsfiddle.net/jvalousek/NthrX/

, 나는 이상 첫 눈에 보이는 메뉴를 가져 코드의 특정 부분을 표시해야합니다. 모든 것이 잘 작동하는 것 같지만 시도하면 좋지 않은 약간의 까다로운 효과를 볼 수 있습니다. 임의로 slideUp 또는 slideDown을 생성합니다 ...

아무도 도와 줄 수 있습니까?

답변

2

당신은 그들을 모두 위로 미끄러지고 있습니다! 대상 만이 볼 것들 :

$('.selector').mouseenter(function() { 
    var name = this.id + 'Text'; 
    $('.careerHint:visible').slideUp(function() { 
     $("#" + name).slideDown("fast"); 
    }); 
}); 

FIDDLE

1

$('.careerHint').not($("#" + name)).slideUp(function() { 
    $("#" + name).slideDown("fast"); 
}); 

Fiddle

.slideUp의 선택에서 현재 항목을 제거