so my current code works in the Nav to allow that button that's being looped with a matching index to toggle on and off each div. I don't want these divs to toggle, I want only the corresponding div to show and all the others display: none. Please advise

Thank you!

  function showDiv(index) {
let one = document.getElementById('shopify-section-track_order_details');
let two = document.getElementById('shopify-section-returns_exchanges_details');
let three = document.getElementById('shopify-section-contact_us_details');
let four = document.getElementById('shopify-section-order_status_details');
let five = document.getElementById('shopify-section-shipping_returns_details');
let six = document.getElementById('shopify-section-corporate_details');
let seven = document.getElementById('shopify-section-product_help_details');
let eight = document.getElementById('shopify-section-ambassador_details');
let nine = document.getElementById('shopify-section-FAQ_details');

let arrHelp = [one, two, three, four, five, six, seven, eight, nine];

let el = arrHelp[index - 1];
    if (el.style.display != "block") {
        el.style.display = "block";
    } else {
        el.style.display = "none";
    }
} 

the link is in Shopify liquid calling the function like:

    {% for block in section.blocks %}  
          <a id="pageLink" onclick="showDiv({{ forloop.index }})" >
            {{ block.settings.button }}
            <i id="navArrow{{ forloop.index }}" class="fad fa-chevron-right navArrow" style="float: right"></i>
          </a>
{% endfor %}