Javascript JS手风琴-单击另一个时隐藏内容

我一直在试图隐藏一个手风琴的内容，当另一个打开时，我尝试了所有的方法，找不到一个适合我的代码。你知道怎么做吗

JS:

HTML:

---

你能发布你的相关HTML和CSS吗？抱歉，编辑后的文章效果很好！非常感谢！

$("body").on("click", ".accordian-trigger", function (e) {
    e.preventDefault();
    $(this).parents(".accordian-wrapper").toggleClass("active");
    $(this).parents(".accordian-wrapper").find(".accordian-pane").slideToggle();
});

<div class="accordian-wrapper">
    <a href="#" class="accordian-trigger bg-blue1">Tomografia Cone Beam de Alta Resolução</a>
    <div class="accordian-pane">
            <p>Programa de visualização OnDemand 3D dental , onde se pode realizar mensurações e analises mais apuradas do volume obtido.</p>
            <a href="requisicaoonline.html" class="btn">Agende seu horário</a>
    </div>
</div>

.accordian-section { 
    background:  url(../demo-data/BG1.jpg); 
    background-size: cover; }

.accordian-pane {
    display: none; }

.accordian-wrapper {
    margin-bottom: 1px; }

.accordian-wrapper.active .accordian-trigger {
    background: #274DA8; }

.accordian-trigger {
    display: block;
    text-decoration: none;
    background: #78BCEE;
    padding: 15px;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }

$("body").on("click", ".accordian-trigger", function (e) {
    e.preventDefault();

    $(".accordian-pane").slideUp();
    $(this).next(".accordian-pane").slideDown();
});