带有html的导航器不'；不工作javascript

我有这段代码，当我按下一个元素的链接时，我想隐藏ul的class name选项卡，并显示ul的class tab-1，而不隐藏这两个ul元素。jQuery代码如下所示。

$（“a”）。单击（函数（）{

$（“.tab”）.hide（“幻灯片”，{direction:“left”}，“slow”）；

$（“.tab-1”）.show（“幻灯片”{direction:“left”}，“slow”）；

}）
我怎么做

<ul class="tab">
    <li>
        <a href="#">Link 1</a>
        <ul class="tab-1">
            <li>List 1</li>
            <li>List 2</li>
        </ul>
    </li>
</ul>




清单1
清单2



您不能显示设置为
display:none
的元素的子元素。如果未显示父项…父项中的任何内容也不能显示

但是，您可以在父对象上设置可见性：隐藏，在子对象上设置可见性：可见

.tab   {visibility:hidden}
.tab-1 {visibility:visible}

请注意，这是非常罕见的做法。更好地描述你想要实现的目标会有所帮助

只需隐藏与
.tab>li>a
匹配的所有元素即可

演示：
.tab、.tab.ul{
列表样式类型：无；
}
.tab>li>a{
显示：无；
}



清单1
清单2


请在问题中包含相关代码。如果两个ul都像现在一样嵌套，它将不起作用，我不理解。如果隐藏父项（选项卡），它将隐藏子项（包括选项卡1）。因此，您必须将tab-1拉到tab之外，以独立隐藏它们。您仍然可以使用css使选项卡1在渲染时显示在相同的“位置”。