Javascript 使用jQuery关闭类似手风琴的div？

我有一个简单的代码，其中显示了3项

当我按下标题（

$（“.fileHeader”）

）时，它会打开下一个元素，这是下一个元素（隐藏的div）（

$（“.LST\u文档”）

）

草图：

最重要的是：

当我按下

$（“.fileHeader”）

-我需要关闭所有其他

$（“.LST_文档”）

，然后（这就是我使用

承诺的原因）打开相关的
$（.LST_文档）

问题是（看图片），如果我再次按下第一个
$（“.fileHeader”）
。
发生的事情是，它关闭，然后重新打开。我希望它保持关闭状态

附笔。
我可以用类（
.rowOpen
或类似的东西）来解决这个问题，但我只想通过JS/JQ来解决

如何增强代码以使其按预期工作？
只需保持标题的内容可见性状态，然后再将其向上滑动即可。只有当内容不可见时才向下滑动

这是你的电话号码

一个简单的条件怎么样：

$(".fileheader").on('click', function() {    
    var next = $(this).next();
    if(next.is(':visible'))
    {
        next.slideUp();
    }
    else
    {
        $(".LST_Documents:visible").slideUp().promise().done(function() {
              next.slideDown();
        });
    }
});

$(".fileheader").on('click', function() {    
    var next = $(this).next();
    if(next.is(':visible'))
    {
        next.slideUp();
    }
    else
    {
        $(".LST_Documents:visible").slideUp().promise().done(function() {
              next.slideDown();
        });
    }
});