JQuery плавная смена блоков содержимого div

HTML

<div class="form">
  <form class="form-auth">
    <div class="form-link">
      <a href="#" class="form-link__item">Регистрация</a>
      <a href="#" class="form-link__item">Забыли пароль</a>
    </div>
  </form>
  <form class="form-reg"></form>
  <form class="form-reset"></form>
</div>

Как можно реализовать плавную смену соответствующих форм при нажатий на ссылки ?

<a href="#" class="form-link__item">Регистрация</a>
<a href="#" class="form-link__item">Забыли пароль</a>