Скрыть элемент через несколько секунд

Question

У меня в голове есть следующий код JavaScript:

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
  setTimeout(function() {
    $(".content").fadeOut(1500);
  },10000);

  setTimeout(function() {
    $(".content2").fadeIn(1500);
  },15000);
});
</script>

Тогда у меня в теле есть оба div:

<div class="col-sm-12">
  <div class="alert fade alert-simple alert-warning alert-dismissible text-left font__family-`montserrat font__size-16 font__weight-light brk-library-rendered rendered show" role="alert" data-brk-library="component__alert">`
    <button type="button" class="close font__size-18" data-dismiss="alert">
      <span aria-hidden="true">
        <i class="fa fa-times warning"></i>
      </span>
      <span class="sr-only">Close</span>
    </button>
    <i class="start-icon fa fa-exclamation-triangle faa-flash animated"></i>
    <strong class="font__weight-semibold">ALERT Temp
      </div>
  </div>
</div>


<!-- Alerta Static -->
<div class="content2">

  <div class="col-sm-12">
    <div class="alert fade alert-simple alert-info alert-dismissible text-left font__family-`montserrat font__size-16 font__weight-light brk-library-rendered rendered show" role="alert" data-brk-library="component__alert">`
      <button type="button" class="close font__size-18" data-dismiss="alert">
        <span aria-hidden="true">
          <i class="fa fa-times blue-cross"></i>
        </span>
        <span class="sr-only">Close</span>
      </button>
      <i class="start-icon  fa fa-info-circle faa-shake animated"></i>
      <strong class="font__weight-semibold">ALERT Static</strong>
        </div>
    </div>
  </div>

Как видите, предупреждения вставлен в модальное окно.

Может ли функция начать работать, когда я открываю модальное окно, а не при открытии документа?