javascript - 切换显示隐藏的 jQuery 问题

Question

我已经创建了自定义切换脚本来显示/隐藏内容，但我遇到了脚本问题。

当我点击过滤文本内容时会显示，当我再次点击关闭按钮时，它会关闭并重新打开。我不知道为什么会这样，请有人指导我。

我的 JS 代码:

$(".rmm2-toggled").click(function () {
    $(".rmm2-toggled ul").show(1000);
});

$("#filter_close").click(function () {
    $(".rmm2-toggled ul").hide(1000);
});

我的 JSFiddle:Sample

Answer 1

点击冒泡，所以两个事件处理程序都被执行。
你需要停止传播

$(".rmm2-toggled").click(function () {
    $(".rmm2-toggled ul").show(1000);
});

$("#filter_close").click(function (e) {
    e.stopPropagation();    
    $(".rmm2-toggled ul").hide(1000);
});

FIDDLE