Javascript jQuery问题与切换显示隐藏

我创建了自定义切换脚本来显示/隐藏内容，但我对脚本有问题

当我再次单击“关闭”按钮时，它将关闭并重新打开。我不知道为什么会这样，请有人来指引我

我的代码：

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

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

---

My JSFIDLE:

单击正在冒泡，因此两个事件处理程序都将执行。
你需要停止传播

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

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

---

单击正在冒泡，因此两个事件处理程序都将执行。
你需要停止传播

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

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

---

一个可能的解决方案是尝试以下方法：

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

---

一个可能的解决方案是尝试以下方法：

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

---

嘿，问题是你的关闭按钮在你的切换事件里面

改为使用以下js代码：

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

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

---

嘿，问题是你的关闭按钮在你的切换事件里面

改为使用以下js代码：

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

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

凌驾

<div class="rmm2-toggled-title" >Click to Filter</div>

凌驾

<div class="rmm2-toggled-title" >Click to Filter</div>