JQuery - 대상 다음 요소

Question

개발 한 ActionScript 3 프레임 워크에 대한 설명서를 만들고 있습니다. 일관성을 유지하기 위해 가능한 한 Adobe livedocs와 가깝게 유지 될 것입니다.

왼쪽 패널에는 패키지로 분류 된 클래스의 트리가 있고 싶습니다. html로 지금까지 다음과 같습니다

<ul id="directory"> 
    <li class="package">zephyr</li> 
    <ul> 
     <li><a href="/docs/zephyr/class/foundation.php">zephyr.<strong>Foundation</strong></a></li> 

     <li class="package">zephyr.core</li> 
     <ul> 
      <li><a href="/docs/zephyr/class/core.php">zephyr.core.<strong>Core</strong></a></li> 
      <li><a href="/docs/zephyr/class/heart.php">zephyr.core.<strong>Heart</strong></a></li> 
      <li><a href="/docs/zephyr/class/manager.php">zephyr.core.<strong>Manager</strong></a></li> 
      <li><a href="/docs/zephyr/class/signature.php">zephyr.core.<strong>Signature</strong></a></li> 
     </ul> 

     <li class="package">zephyr.entity</li> 
     <ul> 
      <li><a href="/docs/zephyr/class/entity.php">zephyr.entity.<strong>Entity</strong></a></li> 
     </ul> 
    </ul> 
</ul> 

당신은 각 패키지는 클래스 package을 가지고 있으며, 항상 바로 뒤에 것을 알 수 있습니다 :

<ul>...</ul> 

나는 즉시이다이 <ul> 요소를 선택합니다 각 후 li.package이 JQuery에 snip :

$("li.package").click(function() 
{ 
    var ul = ??; // <---- get relevant ul here 

    ul.slideToggle(300); 
}); 

어떻게이 작업을 수행 할 수 있습니까?

Answer 1

사용

$(this).next('ul'); 

이 그 클릭 한 li 요소 옆에있는 ul 요소를 찾을 것을 의미합니다.

예제를 보려면 fiddle을 참조하십시오.