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

我创建了自定义切换脚本来显示/隐藏内容，但是脚本出现问题。

当我单击“筛选”时，将显示文本内容，当我再次单击“关闭”按钮时，它将关闭并重新打开。为什么会发生这种情况，我不知道请有人指导我。

我的JSCode：

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

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

我的JSFiddle：Sample

最佳答案

点击开始冒泡，因此两个事件处理程序都被执行。
您需要停止传播

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

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

FIDDLE