How to move an element on the fly using jquery?

Question

JavaScript

There is this code:

<div class="information_item">
  <div class="resume_item">
    <div class="resume_description">
      <u>О  Нас</u>
      <strong>Информация</strong>
    </div>
    <p>Lorem ipsum</p>
    <a href="#" class="popup_content">Читать</a>
  </div>
  <div class="hidden">
    <div class="information_text">
      <div class="modal-box-content">
        <button class="mfp-close" type="button" title="Закрыть (Esc)">×</button>
        <div class="section_header">
          <!-- <u>О  Нас</u>  Нужно скопировать сюда -->
          <div class="s_descr_wrap">
            <div class="s_descr">
              <!-- <strong>Информация</strong> Нужно скопировать сюда -->
            </div>
          </div>
        </div>
        <p>Lorem ipsum</p>
      </div>
    </div>
  </div>
</div>

When you click "Read", a pop-up window opens, and in order not to write u and strong again with pens in each window, is it possible to transfer it somehow?

Answer 1

Everything works both through .before() and .html() https://jsfiddle.net/yx831nbw/
And through .append() and .prepend() https://jsfiddle.net/yx831nbw/1/