Как скрыть другие открытые спойлеры при открывании спойлера

Ребята, помогите отредактировать код. На странице есть категории партнёров, в которых есть имена партнёров. Все скрыто под спойлерами. По умолчанию открыт тот спойлер, в котором находится партнер по умолчанию. Вот мой сайт о котором я говорю: Перейти на сайт

А вот собственно код, который открывает спойлеры:

$(".panelHNavElement").click(function(){
        if ($(this).find("img.sparrow").attr("src") == "/images/arrow-u.svg") {
          $(this).find("img.sparrow").attr("src", "/images/arrow-d.svg");
        } else {
          $(this).find("img.sparrow").attr("src", "/images/arrow-u.svg");
        }
       $(this).parent().children("div.panelHNavElementSpoilerBody").slideToggle("normal");
      });

Необходимо изменить код так, что бы при нажатии на любой спойлер, который должен открыться, все открытые спойлеры закрывались. Потому что сейчас можно открыть неограниченное количество спойлеров, и в этом случае получается длинная газета на сайте:)