Доработать скрипт плавного исчезновение блока?

Question

[workman]

<script>
$elements = $('.rotating-content').find('span');
$elements
   .not(':first-child')
   .addClass('visually-hidden')
   .css('opacity', 0);

setInterval(function() {
   $elements.filter(':not(.visually-hidden)').fadeTo('slow', 0, function() {
      $next = $(this).addClass('visually-hidden').next();
      if ($next.length === 0) {
         $next = $elements.first(); 
      }
      $next.removeClass('visually-hidden').fadeTo('slow', 1);
   });
}, 9000);</script>

<style>
.rotating-content
{
height:215px;
}
.visually-hidden
{clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}</style>

<div class="rotating-content">

<span>БЛОК 1</span>
<span>БЛОК 2</span>
<span>БЛОК 3</span>

</div>

Answer 1

[Евгений]

Это делается через fadeOut либо для полной гибкости через animate

Answer 2

[workman]

Nc_Soft, Дайте пожалуйста хотя бы ссылку на решение. Я просто новичок в этом и до конца так и не понял что куда