Javascript 第二次单击时的jQuery slideUp（）内容

仅当第二次单击“.areaCodeList”时，我如何滑动（）内容

$(".areaCodeList").on('click', function() {
    $(this).next('.churchList').slideDown();
    ($this.die());
    $('.churchList').slideUp();
});

---

您可以使用某个类来指示它在运行代码之前已被单击

$(".areaCodeList").on('click', function() {
  if (!$(this).is('.clicked')){
    $(this).addClass('clicked');
    return false;
  }
  $(this).next('.churchList').slideDown();
  $(this).die();
  $('.churchList').slideUp();
});

您也可以考虑使用属性（<代码> $（EL）.Atf'（“单击”）<代码>），而不是类，以后以类似的方式检查它。

更新： 问题的标题真的很混乱，似乎只有我们中的许多人（回答问题）从一开始就没有理解：

最初我是这样理解的：

如果元素第二次单击，请将其向上滑动。 如果是这样的话，我提供的样品是正确的

但问题似乎更像这样：

在每次偶数单击时向下滑动图元，在每次奇数单击时向上滑动图元

---

如果这种情况下，

slideToggle

是解决方案（如中所述）

您可以检查.church列表是否可见（向下滑动）：

你应该使用

---

@Jucicy Scripter你知道什么是幻灯片切换吗？阅读docsYep，我知道，它与第二次点击运行无关。题目有点让人困惑。我已经更新了我的答案，并将收回投票（如果你编辑答案，因为它已经被锁定）。对不起that@epascarello，已经做了什么？检查是否再次单击？我只添加了第二次点击的检查，剩下的代码是假设它是正确的，因为没有任何疑问说这是问题所在…没有必要这样做。方法slideToggle（）执行检查。解决方案是一行代码，不存储状态，删除事件，等等@epascarello，你是对的，我只是把问题搞错了。谢谢你！我只需要替换您的代码片段

$（'.churchList'）。slideDown（）与
$（this）.next（'.churchList'）.slideDown（）现在它工作得很好。还有@epascarello，我过去曾尝试过slideToggle（），但似乎从未奏效。那么，您将如何对其进行编码呢？
$(".areaCodeList").on('click', function() {
    if( $(this).next('.churchList').is(':visible') === true){
        $(this).next('.churchList').slideUp();
    }else{
        $(this).next('.churchList').slideDown();
    }
});

$(".areaCodeList").on('click', function() {
    $(this).next('.churchList').slideToggle();
});