Ola eu preciso criar uma função que seja capaz de movimentar o conteudo de uma div para outra, por exemplo
<li class="itens-interface" id="to-do">
<div class="topo-interface">
<h2 class="font-l">Para fazer</h2>
</div>
<div class='body-list' id="to-do-body">
<div class="tarefas" id="0">
<textarea class="titulo-ef" readonly="readonly">asdasd</textarea>
<textarea class="conteudo-ef" readonly="readonly">sadasd</textarea>
</div>
</div>
</li>
<li class="itens-interface" id="in-p">
<div class="topo-interface">
<h2 class="font-l">Em progresso</h2>
</div>
<div class='body-list' id="in-p-body">
</div>
</li>
eu preciso mover a div com a class "tarefas" de dentro da "to-do-body" para a "in-p-body". E alem disso, isso precisa ocorrer clicando em cima do titulo da tarefa que seria a textarea "titulo-ef".