javascript - 单击内容后如何使下拉按钮保持打开状态？

Question

我有这个下拉按钮 http://fiddle.jshell.net/65q4r/

现在我正在努力实现两件事:

1. 当点击下 zipper 接或点击下拉列表中的任何地方时 保持开放。
2. 在同一页面中有两个独立工作的。

谢谢大家!!

Answer 1

对您的 JS 进行两个小调整:http://fiddle.jshell.net/65q4r/7/

第 4-5 行:

$('.clicker').click(function(e) {
    $('+ ul', $(this)).slideToggle(200);

并添加了这个处理程序:

$('.click-nav > ul ul a').click(function(e) {
    e.stopPropagation();
});

还在 html 中添加了第二个按钮以进行演示。