[Wreck-It-Ralph]

<div class="text">
  <div class="first">А</div>
  <div class="second">1</div>
  <div class="first">Б</div>
  <div class="second">2</div>
  <div class="first">В</div>
  <div class="second">3</div>
  <div class="first">Г</div>
  <div class="second">4</div>
</div>

<div class="text_2">
</div>

В идеале как-то так, и чтобы это можно было в обратное состояние вернуть