Как сделать копию элемента при нажатии на кнопку?

Question

[KarlosSatana]

При нажатии на кнопку Prev или Next, добавляется класс .active к следующему элементу в списке и есть блок-превьюшка, который должен копировать блок с классом .active. Аналог слайдера с превью. Как сделать копию элемента в этот блок?
CodePen

<div class="wrapper">
  <div class="wrapper-small-block">
    <div class="small-block">One</div>
    <div class="small-block">Two</div>
    <div class="small-block active">Three</div>
    <div class="small-block">Four</div>
  </div>
  <div class="small-block preview">Three</div>
  <button class="prev">Prev</button>
  <button class="next">Next</button>
</div>

$('.next').click(function(){
    var content = $('.small-block.active').html();    
    var $next = $('.small-block.active').removeClass('active').next('.small-block');
    $('.preview').html('content');
    if ($next.length) {
    $next.addClass('active'); 
    } else {
        $(".small-block:first").addClass('active');
    }
});

$('.prev').click(function(){    
    var $prev = $('.small-block.active').removeClass('active').prev('.small-block');
    
    if ($prev.length) {
    $prev.addClass('active'); 
    } else {
        $(".small-block:nth-child(4)").addClass('active');
    }
});

Answer 1

[0xD34F]

https://codepen.io/anon/pen/QmQLrb?editors=1010

Comments

[KarlosSatana]

Спасибо. Красивый и компактный код.
Второй раз меня выручаешь =)