Как открыть модальное окно в модальном окне, при этом закрывая старое окно (jquery)?

Нужно при нажатии на "Установить примечание" открывать новое модальное окно.  

Мой код jquery 

function show(user) {
  $('#' + user).modal('show');
}
function hide(user) {
  $('#' + user).modal('hide');
}

Мой год HTML

           <div class="modal fade" id="modalJackDoomy" tabindex="-1" role="dialog" aria-labelledby="modalJackDoomyLabel" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h2 class="modal-title" id="modalJackDoomy">JackDoomy</h2>
                    <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button> -->
                  </div>
                  <div class="modal-body">
                    <h4>Должность: <span class="moder">Moder</span><h4>
                    <h4>Статус: <span class="online">Онлайн</span><h4>
                    <h4>Активность: <span class="grief">GRIEF-1</span> c (12:30 01.07.2021)<h4>
                    <h4>Ответственный за: <span class="sunrise">SunRise</span><h4>
                    <h4>Примечание: Заместитель, ответственный за форум.<h4>
                    <h4>Назначен: 21.01.2021<h4>
                    <h4>Поощрения: 0/*<h4>
                    <h4>Выговоры: 0/3<h4>
                    <h4>Вк: <a href="https://vk.com/vat_cones" target="_blank"><i class="glyphicon glyphicon-briefcase"></i></a><h4>
                    <br>
                    <div class="modal fade" id="note" tabindex="-1" role="dialog" aria-labelledby="noteLabel" aria-hidden="true">
                      <div class="modal-dialog" role="document">
                        <div class="modal-content">
                          <div class="modal-body text-center">
                            <img class="img_hover" src="assets/images/edit.png" alt="Серверная ошибка: 110, сообщите в тех. поддержку!">
                            <form>
                              <div class="form-group">
                                <div class="form-group show-orange">
                                  <input class="input-lg form-control"
                                    placeholder="Введите примечание">
                                </div>
                                <div class="text-center">
                                  <button type="button" class="btn btn-warning btn-lg" data-dismiss="modal"
                                    onclick="show('successfully')">Продолжить</button>
                                  <script>
                                  </script>
                                </div>
                              </div>
                            </form>
                          </div>
                          <div class="modal-footer">
                            <a href="https://vk.com/rumoonlite" target="_blank" class="btn btn-warning pull-left">Тех. Поддержка</a>
                            <button type="button" class="btn btn-warning" data-dismiss="modal">Закрыть</button>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="text-center">
                      <a href="/info/JackDoomy/" class="btn btn-warning btn-lg">Информация</a>
                    </div>
                      <br>
                    <div class="text-center">
                      <button type="button" class="btn btn-warning btn-lg" onclick="hide('modalJackDoomy'); show('responsibility');">
                      Установить примечание</button>
                      <button type="button" class="btn btn-warning btn-lg" onclick="hide('modalJackDoomy'); show('responsibility');">
                      Установить ответственность</button>
                    </div>
                      <br>
                    <div class="text-center">
                      <a href="/encourage/JackDoomy/" class="btn btn-warning btn-lg">Поощрять</a>
                      <a href="/scold/JackDoomy/" class="btn btn-warning btn-lg">Выговаривать</a>
                      <a href="/raise/JackDoomy/" class="btn btn-warning btn-lg">Повысить</a>
                      <a href="/takeoff/JackDoomy/" class="btn btn-warning btn-lg">Снять</a>
                    </div>
                    <br>
                    <div class="text-center">
                      <a href="/addcurator/JackDoomy/" class="btn btn-warning btn-lg">Назначить куратором</a>
                      <a href="/addleadership/JackDoomy/" class="btn btn-warning btn-lg">Добавить в руководство</a>
                    </div>
                    <br>
                    <div class="text-center">
                      <a href="/deletecurator/JackDoomy/" class="btn btn-warning btn-lg">Разжаловать куратора</a>
                      <a href="/deleteleadership/JackDoomy/" class="btn btn-warning btn-lg">Удалить из руководства</a>
                    </div>
                  </div>
                  <div class="modal-footer">
                    <a href="https://vk.com/rumoonlite" target="_blank" class="btn btn-warning pull-left">Тех. Поддержка</a>
                    <button type="button" href="/d" class="btn btn-warning" data-dismiss="modal">Закрыть</button>
                    <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                  </div>
                </div>
              </div>
            </div>