Javascript 使用css单击制作下拉菜单

我有一个使用AJAX单击下拉菜单的简单示例：

HTML:

是否可以不使用任何脚本，仅使用CSS来实现相同的功能

---

编辑：更新链接

不，你至少需要三行javascript。

据我所知，你不能在CSS中使用onClick方法或类似的东西。

使用Html嵌套列表的纯Html/CSS解决方案-仍然需要几行JS才能使其onClick

---

请参阅：

您可以使用黑客触发css点击

使用复选框

样本：

ul{
显示：无；
}
#复选框{
不透明度：0；
}
#复选框：选中+ul{
显示：块；
}

下拉菜单

我需要鼠标点击后删除用户Steven Wave使用复选框hack的代码片段是不使用JS或JQuery的唯一方法，但是使用CSS3的局限性在于它只能在现代浏览器中运行于MouseClick。非常感谢您的回答。很好的例子！

<a href="javascript:void(0);" class="dropmenu">Dropdown menu</a>
<ul style="display:none">
    <li><a href="#">Dropdown link 1</a></li>
    <li><a href="#">Dropdown link 2</a></li>
</ul>

 $(document).ready(function () {
        var click = function () {
            var divObj = $(this).next();
            var nstyle = divObj.css("display");
            if (nstyle == "none") {
                divObj.slideDown(false, function () {
                    $("html").bind("click", function () {
                        divObj.slideUp();
                    });
                });
            }
        };
        $(".dropmenu").click(click);
    });

<nav>
<ul>
    <li><a href="#">Dropdown Menu</a>

        <ul>
            <li><a href="#">Dropdown Link 1</a>

            </li>
            <li><a href="#">Dropdown Link 2</a>

            </li>
        </ul>
    </li>
</ul>
</nav>