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的例子。