html - 使用 css 显示/隐藏嵌套列表

Question

有没有办法通过 CSS 在垂直导航侧边栏中显示和隐藏 onclick 嵌套列表？如果不是，最好的方法是什么？

Answer 1

你想怎么隐藏？最好是使用简单的 CSS

ul li ul {
    display: none;
}

ul li:hover ul {
    display: block;
}

显然，您可以使用 CSS 或 jQuery 添加一些线性过渡/和/或淡入以避免视觉跳跃。

编辑

对于 onClick，使用 jQuery。

$(".mySelector").click(function() {
    $(this).find("li").find("ul").show();
});

您也可以用 fadeIn 替换 show()，我假设默认情况下 display: none 已经存在。

此外，如果这些元素是动态生成的，您可能想使用绑定(bind)。