JQuery - 目標以下元素

Question

我正在爲我開發的ActionScript 3框架創建一些文檔。爲了保持一致性，感覺會盡可能地貼近Adobe居民。

在左邊有一個面板，我想要一個按類別分類的樹。該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>元素立即在這個jQuery snip中的每個li.package之後：

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

    ul.slideToggle(300); 
}); 

我該怎麼做到這一點？

Answer 1

使用

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

這意味着找到ul元件，其旁邊點擊li元素。

查看這個fiddle的例子。