Автопереключение слайдов на jQuery

$(document).ready(function() { 
  $('.dot').click(function() { 
    var data_dot = $(this).attr('data-dot'); 
 
    $('.dot_active').removeClass('dot_active'); 
    $(this).addClass('dot_active'); 
    $('.slide_active').removeClass('slide_active'); 
    $('.slide_' + data_dot).addClass('slide_active'); 
    $('.slide__img_active').removeClass('slide__img_active'); 
    $('.slide__img_' + data_dot).addClass('slide__img_active'); 
    $('.comment_active').removeClass('comment_active'); 
    $('.comment_' + data_dot).addClass('comment_active'); 
  }); 
})

* { 
  padding: 0; 
  margin: 0; 
} 
 
img { 
  max-width: 100%; 
} 
 
.my_step { 
  display: none; 
} 
 
a { 
  outline: none; 
} 
 
input, 
button { 
  outline: none; 
  border: none; 
} 
 
body { 
  padding: 0; 
  margin: 0; 
  font-family: 'Open Sans', sans-serif; 
} 
 
 
/*.main{ 
      width: 1900px; 
      margin: auto; 
      overflow: hidden; 
    }*/ 
 
.main { 
  max-width: 1920px; 
  min-width: 320px; 
  margin: auto 
} 
 
.main { 
  max-width: 1900px; 
  min-width: 1210px; 
  margin: auto 
} 
 
 
/* PROJECTS */ 
 
.projects__subheading { 
  text-align: center; 
  font-size: 25px; 
  color: rgba(32, 32, 32, 255); 
  margin-bottom: 50px; 
} 
 
.projects__subheading>span { 
  font-size: 54px; 
} 
 
.slider { 
  background-image: url('../img/bg-slider.png'); 
  background-repeat: no-repeat; 
  background-position: center top; 
  width: 353px; 
  height: 586px; 
  color: #fff; 
} 
 
.task__heading, 
.answer__heading { 
  font-size: 30px; 
  margin-bottom: 10px; 
} 
 
.task { 
  position: relative; 
  top: 63px; 
  left: 62px; 
  width: 240px; 
} 
 
.task__text, 
.answer__text { 
  font-size: 17px; 
  line-height: 1.2em; 
} 
 
.answer { 
  position: relative; 
  top: 126px; 
  left: 59px; 
  width: 240px; 
} 
 
.slide:not(.slide_active) { 
  display: none; 
} 
 
.watcher { 
  position: relative; 
  z-index: -1; 
  top: -200px; 
  left: 300px; 
  width: 525px; 
  height: 391px; 
} 
 
.slide__img { 
  width: 100%; 
  height: 100%; 
} 
 
.slide__img:not(.slide__img_active) { 
  display: none; 
} 
 
.dot { 
  display: inline-block; 
  width: 30px; 
  height: 30px; 
  background-image: url('../img/dot.jpg'); 
  background-repeat: no-repeat; 
  background-position: center center; 
  position: relative; 
  bottom: 150px; 
  left: 100px; 
  cursor: pointer; 
} 
 
.dot_active, 
.dot:hover { 
  background-image: url('../img/dot-active.jpg'); 
} 
 
.comments { 
  position: relative; 
  top: -120px; 
  left: 353px; 
  font-family: "Open sans", sans-serif; 
  font-size: 12.5px; 
  color: rgba(38, 37, 37, 255); 
} 
 
.comment:not(.comment_active) { 
  display: none; 
} 
 
.comment__photo-client { 
  float: left; 
  margin-right: 20px; 
} 
 
.comment__name-client { 
  font-size: 17px; 
  width: 394px; 
} 
 
.comment__text { 
  width: 494px; 
  margin-top: 10px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<section class="projects" id="projects"> 
  <div class="wrapper"> 
    <h3 class="projects__subheading semibold"> 
      Наши выполненные<br><span class="ttu extrabold">Проекты</span> 
    </h3> 
    <div class="slider"> 
      <div class="slide slide_1 slide_active"> 
        <div class="task tast_1"> 
          <h3 class="task__heading"> 
            Задача 
          </h3> 
          <p class="task__text task__text_1"> 
            Вести видеонаблюдение за сотрудниками в ресторане быстрого птания. 
          </p> 
        </div> 
        <div class="answer answer_1"> 
          <h3 class="answer__heading"> 
            Решение 
          </h3> 
          <p class="answer__text answer__text_1"> 
            Мы подобрали оптимальное бюджетное решение. Проект был выполнен “под ключ” в течение 1 дня. 
          </p> 
        </div> 
      </div> 
      <div class="slide slide_2"> 
        <div class="task tast_2"> 
          <h3 class="task__heading"> 
            Задача 
          </h3> 
          <p class="task__text task__text_2"> 
            Вести видеонаблюдение за сотрудниками в ресторане быстрого птания. 
          </p> 
        </div> 
        <div class="answer answer_2"> 
          <h3 class="answer__heading"> 
            Решение 
          </h3> 
          <p class="answer__text answer__text_2"> 
            Мы подобрали оптимальное бюджетное решение. Проект был выполнен “под ключ” в течение 2 дня. 
          </p> 
        </div> 
      </div> 
      <div class="slide slide_3"> 
        <div class="task tast_3"> 
          <h3 class="task__heading"> 
            Задача 
          </h3> 
          <p class="task__text task__text_3"> 
            Вести видеонаблюдение за сотрудниками в ресторане быстрого птания. 
          </p> 
        </div> 
        <div class="answer answer_3"> 
          <h3 class="answer__heading"> 
            Решение 
          </h3> 
          <p class="answer__text answer__text_3"> 
            Мы подобрали оптимальное бюджетное решение. Проект был выполнен “под ключ” в течение 3 дня. 
          </p> 
        </div> 
      </div> 
      <div class="watcher"> 
        <img src="http://via.placeholder.com/250x250/000000/ff00ff" alt="camera_1" class="slide__img slide__img_1 slide__img_active"> 
        <img src="http://via.placeholder.com/250x250/ff00ff/000000" alt="camera_2" class="slide__img slide__img_2"> 
        <img src="http://via.placeholder.com/250x250/ffffff/000000" alt="camera_3" class="slide__img slide__img_3"> 
        <img src="http://via.placeholder.com/250x250/000000/ffffff" alt="camera_4" class="slide__img slide__img_4"> 
      </div> 
      <div class="dots"> 
        <span data-dot="1" class="dot dot_1 dot_active"></span> 
        <span data-dot="2" class="dot dot_2"></span> 
        <span data-dot="3" class="dot dot_3"></span> 
      </div> 
    </div> 
    <div class="comments"> 
      <div class="comment_1 comment comment_active"> 
        <img src="img/clients-photo.jpeg" alt="client" class="comment__photo-client comment_1__photo-client"> 
        <div class="comment__name-client comment_1__name-client"> 
          Евгения Анатольевна 
        </div> 
        <p class="comment__text"> 
          Я в восторге от работы orem ipsum dolor sith ameth orem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith ameth 
        </p> 
      </div> 
      <div class="comment_2 comment"> 
        <img src="img/clients-photo.jpeg" alt="client" class="comment__photo-client comment_2__photo-client"> 
        <div class="comment__name-client comment_2__name-client"> 
          Евгения Анатольевна2 
        </div> 
        <p class="comment__text"> 
          Я в восторге от работы orem ipsum dolor sith ameth orem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith ameth2 
        </p> 
      </div> 
      <div class="comment_3 comment"> 
        <img src="img/clients-photo.jpeg" alt="client" class="comment__photo-client comment_3__photo-client"> 
        <div class="comment__name-client comment_3__name-client"> 
          Евгения Анатольевна3 
        </div> 
        <p class="comment__text"> 
          Я в восторге от работы orem ipsum dolor sith ameth orem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith amethorem ipsum dolor sith ameth3 
        </p> 
      </div> 
    </div> 
  </div> 
</section>