Close modals with jquery

Question

I have a modal where the user can select a signature plan with the button

<button type="button" class="button-assign" data-bind="widgetLocaleText:'subscribeButton'"></button>

this opens a second modal where he can sign or return

<button type="button" id="btn-voltar" class="btns-return" data-bind="widgetLocaleText: 'btnReturn'"></button>

I would like the moment this second modal opens the first one to be hidden and only appear if the user clicks back, but it does not disappear and is in the background. I don’t use bootstrap or other framework. Follow the modal code

modalConfirmation: function() {
      $(".btn-assinar").on("click", function() {
        var my_popup = $("#modal-confirmation").popup();
        my_popup.open();
      });
    },

    modalCancel: function() {
      $(".btn-assinar").on("click", function() {
        var my_popup = $("#modal-upgrade").popup("show");
        my_popup.hide();
      });
    },

    cancelClub: function() {
      $(".btns-voltar").click(function() {
        $("#modal-upgrade").open();
      }); 
    }

Answer 1

You can put a data-Ismiss="modal" on the button that opens your second modal, this should solve your first problem, now you can put an action on the back button to open your first modal again.

$("#btn-voltar").click(function() {
   $('#id-primeiro-modal').modal('show');
});

For this to work you need to add an id to your first modal.