2011-02-24 6 views
0

내 div를 표시하고 문제가 없지만 CSS 표시에서 slideToggle 표시로 변경하는 데 문제가있는이 jquery 코드가 있습니까? u는 그럼 그냥 일을 무엇을 Heres slideDownjQuery slideToggle

$('li.trigger').hover(
     function() { 
      $(this).css('background-color', '#fff'); 
      $('div', this).css('display', 'block').slideUp(); 
     }, 
     function() { 
      $(this).css('background-color', '#fff'); 
      $('div', this).css('display', 'none').slideDown(); 
     }); 
+0

정확히 어떻게됩니까? – Serge

+0

u 마우스를 처음으로 마우스를 입력 할 때 토글 링하기 때문에 마우스를 놓거나 마우스를 놓으면 떠날 때마다 토글을 슬라이드하려는 경우 마우스 센터가 숨겨진 슬라이드를 두 번 누른 다음 두 번째 슬라이드를 슬라이드하는 동안 번갈아 가며 표시됩니다. – Val

+0

죄송합니다. 이것은 CSS 디스플레이 블록을 변경하고 아무 것도 표시하지 않지만 나는 mouseover에서 슬라이드를 열어 슬라이드 아웃하고 mouseout에서 슬라이드를 닫기를 원합니다. – user520300

답변

0
$('li.trigger').hover(
     function() { $(this).css('background-color', '#0099ff'); 
$('div', this).css('display', 'block').slideToggle("slow"); 

}); 
1

이 갈 줄

$('li.trigger').hover(
    function() { $(this).css('background-color', '#fff');$('div', this).slideToggle("slow"); 
}); 
-1

와 같은 위의 라인에 .slideUp()를 이동 div의 슬라이드 필요가 DNT 경우

$('li.trigger').hover(
     function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'block'); }, 
     function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'none'); }); 
+0

답변은 기본적으로 이전 게시물과 동일합니다. 귀하의 접근 방식과 크게 다른 점이 없으면 다른 답변을 반복하지 마십시오. – phooji