Como usar o onclick para executar ambas as funcionalidade de abrir e fechar

No meu projeto, tenho um input responsável por abrir e fechar uma opção para você escolher o preço que irá pagar pelo seu produto. mas pela forma que eu conheço não consegui achar uma solução (ele só abre, mas não fecha).

link para ver meu projeto rodando pra facilitar a visualização: https://crowdfunding-fawn.vercel.app/

para chegar no problema que estou enfrentando, clique no botão "back this project", logo em seguida marque o terceiro input. Ele vai abrir, mas não fecha.

a funcionalidade:

const payYourPrice = {
    open(){
        document.querySelector('.pledge').style.display = "flex";
    },

    close(){
        document.querySelector('.pledge').style.display = "none";
    },
}

estrutura HTML dessa parte:

<div class="available">
              <input onclick="payYourPrice.open()" id="pack-option" type="checkbox" />

              <div class="pack-description">
                <div class="header-pack-description">
                  <div class="price">
                    <h3>Black Edition Stand</h3>
                    <p> Pledge $75 or more</p>
                  </div>
                  <p>64 left </p>
                </div>

                <p>
                  You get a Black Special Edition computer stand and a personal thank you. 
                  You’ll be added to our Backer member list. Shipping is included.
                </p>

                <div class="pledge">
                  <p>Enter your pledge</p>

                  <div class="payment-buttons">
                    <input type="number">
                    <button class="cyanButton">Continue</button>
                  </div>
                </div>
              </div> 
            </div>