jQuery显示隐藏菜单

我有个小问题

我有一个菜单，其中所有的

都必须隐藏，但是如果类被设置为活动，那么
应该显示它的子类（
）

父标题和链接仍应隐藏，但应显示子标题和链接。
这不是onClick事件

HMTL：

<ul id="menu">
    <li class="active"><a href="#link1">TITLE</a>   <-- hidden
        <ul>                                        <-- showing
            <li><a href="#sublink1">TITLE</a></li>
            <li><a href="#sublink2">TITLE</a></li>
            <li><a href="#sublink3">TITLE</a></li>
        </ul>
    </li>
    <li><a href="#link2">TITLE</a></li>             <-- hidden
    <li><a href="#link3">TITLE</a></li>             <-- hidden
    <li><a href="#link4">TITLE</a>                  <-- hidden
        <ul>                                        <-- hidden
            <li><a href="#sublink1">TITLE</a></li>
            <li><a href="#sublink2">TITLE</a></li>
            <li><a href="#sublink3">TITLE</a></li>
        </ul>
</ul>


如果父项被隐藏，子项也将被隐藏。即使其
显示：block以显示您可以使用

$('.active').each(function() {
     $(this).toggle();
     $(this).find('ul').toggle();
});

向标题链接添加一个类，如下所示：

<a class='active-title'> TITLE </a>

如果不想添加类，可以使用：

$(".active > a").hide();
$(".active ul").show();

你希望这一切什么时候发生？我知道。这就是为什么我只想隐藏链接和标题，而不是列表元素本身。
$(".active > a").hide();
$(".active ul").show();