jQuery 블록 요소 애니메이션 수정

탐색 기능이 있습니다. 하나의 하위 링크에 많은 양의 하위 링크가있는 곳에서 작업하고 있습니다. 하위 슬라이드 상자를 멋진 slideDown 상자의 탐색 아래에서 열어주세요. 난 두 인스턴스에서 작동합니다 (어디 subnav 그냥 나타납니다 그리고 당신이 항목을 선택할 수 있습니다 어디서 subnav 밖으로 슬라이드,하지만 당신은 항목을 선택할 수 없습니다)하지만 난 그게 내가 원하는대로 할 수없는 것 같아요 시각.jQuery 블록 요소 애니메이션 수정

불행히도 내 랩톱에 모든 코드가 있으며 여기에 네트워크가 없기 때문에 코드를 게시 할 수 없습니다.

<li><a href="" class="nav">TopLink</a> 
<div class="navLinks"> 
    <ul> 
     <li><a href... </li> 
     ... 
    </ul> 
</div> 
</li>

다음과 같이 내 jQuery를은 다음과 같습니다 :

$(function(){ 
    $('nav').hover(
     function(){ 
      $('navLinks').slideDown(); 
     }, 

     function(){ 
      $('navLinks').slideUp(); 
     } 
    ); 
});

를 다음과 같이 내 스타일은 다음과 같습니다

나는 그것을 수행 할 작업의 예는 내 HTML은 다음과 같다 http://www.irfu.ie/home.php

에

div.navLinks {z-index:5;position:absolute;width:920px;display:none;}

스타일 시트에 다음을 추가 할 수 있습니다.

div.navLinks li:hover div {display:block}

그리고 그냥 나타납니다 (슬라이딩 애니메이션 없음). 링크를 롤오버 할 수 있습니다. 그것 없이는, 상자는 아래로 미끄러지지만, 어떤 링크를 넘을 수는 없습니다 (네비게이션 링크를 벗어 상자로 들어가면 없어집니다).

나는 약간의 여유가 생겨서 나를 도왔다. 그래서 어떤 도움이라도 대단히 감사하게 될 것이다!

출처

2011-01-20 tadywankenobi

피 묻은 일반적으로 !!! 질문을 검토하면서 클래스 "nav"가 목록 항목이 아니라 앵커에 있다는 것을 깨달았습니다.

<li class="nav"><a href="">TopLink</a>

대신의 : 리튬에 클래스를 옮겨 다음과 같이

<li><a href="" class="nav">TopLink</a>

를 그리고 모두가 거침없이 작동합니다!

간단한 ... 그걸 싫어해. 그래도 내 자신의 문제를 해결하는 사랑!

출처

2011-01-20 11:07:55 tadywankenobi

jQuery 블록 요소 애니메이션 수정

답변

관련 문제