javascript - 再次单击时的jQuery slideUp()内容

仅当第二次单击“ .areaCodeList”时，我将如何对内容进行slideUp（）？

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

最佳答案

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

$(".areaCodeList").on('click', function() {
    if( $(this).next('.churchList').is(':visible') === true){
        $(this).next('.churchList').slideUp();
    }else{
        $(this).next('.churchList').slideDown();
    }
});