Esconder div quando outra estiver ativa

Em minha loja tenho os modelos de camisa Camiseta e Baby Look com 5 tamanhos para camiseta e 3 para baby look. Queria que ao selecionar baby look fosse oculto os dois últimos tamanhos.

Ao selecionar a div baby long, ela muda de nome

A página é: https://www.irada.com.br/sem-categoria/testando

O código:

<script>
    
const buttonBabyLong = document.querySelector("div > div > form > ul > li:nth-child(1) > div.value.zoo-cw-group-attribute.zoo-cw-active.zoo-cw-type-text > div.zoo-cw-attribute-option.zoo-cw-active");
buttonBabyLong.addEventListener('click', () => {
  document.querySelectordocument.querySelector("div > div > form > ul > li:nth-child(2) > div.value.zoo-cw-group-attribute.zoo-cw-active.zoo-cw-type-text > div:nth-child(5)").setAttribute('style', 'display:none');
  document.querySelectordocument.querySelector("div > div > form > ul > li:nth-child(2) > div.value.zoo-cw-group-attribute.zoo-cw-active.zoo-cw-type-text > div:nth-child(6)").setAttribute('style', 'display:none');
})

</script>