John:

I have a page with several modals and I open them by unique ID, like this:

%a{"data-toggle" => "modal", href: "#modal-123", role: "button"}
%a{"data-toggle" => "modal", href: "#modal-456", role: "button"}

This works fine, but the problem is closing a specific modal. By default this is done by this:

.modal.fade{:style => "display: none;", :tabindex => "-1", id: "modal-123"}
  .modal-dialog
    .modal-content
      .modal-header
      .modal-body
      .modal-footer
        %button.btn.btn-default{"data-dismiss" => "modal", :type => "button"} Close

But this doesn't work because it doesn't know which of the modals to close. How can I make it close the modal with the specific ID?