Javascript 如何为'；什么是孩子？

我需要让家长李点击跨度，然后显示该李的孩子ul

 <ul id="menu">
    <div>
     <li class="reveal">
       <a href="##">!!!!!!!!!!!!</a>
       <span class="arrow_open">↓</span><br/> <!-- clicking this one -->
       <ul> <!-- display this one -->
        <li>a</li>
        <li>b</li>
        <li>c</li>
       </ul>
     </li>
   </div>
</ul>

---

您必须在跨度上设置一个单击处理程序，如下所示

$(function () {
    $('#menu .reveal span').on('click', function(){
        $(this).parent().find("ul").slideToggle();
    });
});

---

您必须在跨度上设置一个单击处理程序，如下所示

$(function () {
    $('#menu .reveal span').on('click', function(){
        $(this).parent().find("ul").slideToggle();
    });
});

---

将其置于就绪功能中：

$(".reveal span").click(function () {
    $(this).parent("li").children("ul").slideToggle();
});

---

这里有一把小提琴：试一试。

将它放入您的就绪功能中：

$(".reveal span").click(function () {
    $(this).parent("li").children("ul").slideToggle();
});

---

这里有一个小把戏：试试看。

使用此代码应该更快，但您必须在链接之后设置子菜单（如示例中所示）：

---

使用此代码应该更快，但您必须在链接之后设置子菜单（如示例中所示）：

---

这看起来应该行得通。有什么问题吗？

ul

中的

div

是无效的标记。看起来它应该可以工作。有什么问题吗？

ul

中的

div

是无效标记。