JQuery - 目标以下元素
问题描述:
我正在为我开发的ActionScript 3框架创建一些文档。为了保持一致性,感觉会尽可能地贴近Adobe居民。JQuery - 目标以下元素
在左边有一个面板,我想要一个按类别分类的树。该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);
});
我该怎么做到这一点?
完美 - 谢谢! (8分钟接受)。 – Marty